环境：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内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复