vue-cli3.x项目中使用postcss-pxtorem和lib-flexible相结合，将px转换为rem，从而实现移动端适配问题，兼容第三方UI框架
一、安装相关插件
npm install lib-flexible postcss-pxtorem --save
//注：如果安装失败，可以使用cnpm
二、main.js中引入
import 'lib-flexible/flexible.js'
三、package.json中进行配置
"postcss": {
"plugins": {
"postcss-pxtorem": {
"rootValue": 100,//rem的值
"propList": [
"*"
]
}
}
},
注意：使用时需先增加全局的rem
网友评论