适配准备 https://www.cnblogs.com/syhao/p/14038975.html
安装 (amfe-flexible) 和(postcss-px2rem)
1, 安装依赖并在main.js中引入该依赖
npm i amfe-flexible
import “amfe-flexible”
2,安装第二依赖
npm i postcss-px2rem
并在paackage.json中配置此依赖
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px2rem": {
"remUnit": 192 //设计稿的除以10得到适配范围
}
}
}
然后重启项目,会帮我们自动转换的px为rem来进行适配