vue3.0中使用postcss-pxtorem的具体方法

前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换成rem，下面就来分享下postcss-pxtorem的使用。会发现div的宽度是正好的，我们再查看一下字体，发现大小是16px。我们现在可以把CSS中的px单位换成rem单位来进行测试。因为html根元素的字体大小是16px，那么换成rem单位，直接除以16就好。src目录下，新建 libs/rem.js 输入如下代码在main.js中引入rem.js最后刷新页面看下，就会发现原本用px的单位已经自动换算成了rem;