当使用vue2写移动端的时候一般需要自己去算rem,这样写就不用算了,方便很多,不过一般来说也很少用纯vue写移动端
安装插件:
npm i postcss-pxtorem
在项目根目录(和vue.config.js同级目录)下创建文件:postcss.config.js
写入代码:
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*'],
},
},
};
然后在样式上直接写px就可以了,在运行的时候它会自动转换成rem