利用 postcss-px2vw-pv 无缝转换px至vw

*** 之前做单位转换都是利用编辑器插件在coding时利用快捷键进行单位转换，不同的编辑器要先下载对应插件、再配置、开发时还要记住不同编辑器的快捷键，想想就蛋疼。 ***

• 不过现在好了，我们可以直接使用全新单位 pv (意为 px-to-vw)直接代替px使用，其他全部交由postcss插件搞定。
• 如果你还没用过postcss， 请加快你的脚步，因为它用起来真的很爽！！
• 具体可见 插件官方网站：github.com/pomelott/po…

配置选项

选项	类型	默认值	描述
width	number	750	设计稿像素宽度
decimal	number	4	换算后小数点后的保留位数

小例子

• 在750宽度的设计稿下， 使用500px的宽度， 10px的横向位移

    .box {
        width: 500pv;
        transform: translateX(10pv);
    }

• 生成的最终样式如下：

    .box {
        width: 66.666667vw;
        transform: translateX(1.333333vw);
    }