vue——移动端适配（px转rem原理）

最近我正在开发一个移动端项目，采用的是vue框架，在vue项目搭建完成时，根目录下有一个名为 ".postcssrc.js"  的js文件，我们只需在该文件中进行配置，就可以轻轻松松的实现px与rem之间的转换（在编写项目的css样式时，尺寸单位为px）

配置内容如下：

 

"postcss-pxtorem": { // 此处为添加部分
            rootValue: 37.5, // 对应16px 适配移动端750px宽度
            unitPrecision: 5, //计算后的最小精度值，默认保留的就是5位
            propList: ['*'], //设置哪些属性可以从px变为rem。“！”表示不匹配，“ !font* ”表示不匹配字体相关属性
            selectorBlackList: [], //设置哪些属性选择器（这里是属性选择器）忽略并保留px
            replace: true,
            mediaQuery: false, //Boolean类型，是否允许在媒体查询中转换px
            minPixelValue: 2, // 替换的最小像素值。1px不想被替换就设置为2
        }