概述
环境：webpack:3.0+; vue:2.0+
方法：使用 postcss-pxtorem插件
步骤一：
npm i postcss-pxtorem -D 步骤二：在package.json文件中postcss添加配置
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-pxtorem": {
"rootValue": 37.5,
"propList": [
"*"
]
}
}
}Tip：如果某些css不想被转为rem，如下写法
.test{width:10px} //被转为rem
.test{width:10PX} //不转为rem，因为css不分大小写，PX会被当做px处理，postcss-pxtorem只转换小写的px
最后
以上就是羞涩雪糕为你收集整理的H5 vue 移动端px自动转换rem的全部内容，希望文章能够帮你解决H5 vue 移动端px自动转换rem所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复