一共安装三个包
1.这个包在在main.js中引入
import 'amfe-flexible';
npm install lib-flexible -S
2 第二个包
npm i postcss-pxtorem@5.1.1 --save
.3.第三个包
npm install --save amfe-flexible
在根目录下创建postcss.config.js
module.exports = {
plugins: {
"postcss-pxtorem": {
// 设计稿 375:37.5
// 设计稿:750:75
// Vant 是基于 375
rootValue: 75, // ps设计图纸宽度为750px时 就写上面的比例75 设计稿宽度的1/10
// rootValue根据设计稿宽度除以10进行设置
propList: ["*"]
/*
这个*作用是width,height,margin宽高这些属性的适配,单位转换为rem
都移动端项目了,那肯定全部都要转换
*/
}
}
}
效果图