1.下载lib-flexible
- npm i lib-flexible --save
2.引入lib-flexible
在main.jsin引入
import 'lib-flexible/flexible'
3.设置meta标签
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0; viewport-fit=cover"
name="viewport" />
4.下载postcss-pxtorem(单位转化为 rem)
npm install postcss-pxtorem -D
5.在项目根目录中创建 postcss.config.js 文件
module.exports = {
plugins: {
"postcss-pxtorem": {
// 设计稿 375:37.5
// 设计稿:750:75
// Vant 是基于 375
rootValue: 37.5,
propList: ["*"]
}
}
}