宽度（px） = font-size * rem值
比如 100(px) = font-size(50px) * rem(2)
安装 amfe-flexible (根据屏幕大小改变根字体大小：即是html的 font-size 值)
npm i amfe-flexible --save-dev
然后在main.js导入
import "amfe-flexible";
px 转 rem
安装postcss-pxtorem
npm i postcss-pxtorem --save-dev
在 vue.config.js里配置
rem配置.jpg
// vue.config.js
const autoprefixer = require("autoprefixer");
const pxtorem = require("postcss-pxtorem");
module.exports = {
css:{
loaderOptions:{
postcss:{
plugins:[
autoprefixer(),
pxtorem({
rootValue:37.5,
propList:["*"],
//可选 ？？？
selectorBlackList:["van-circle__layer"]
})
]
}
}
}
}
新建reset.css 文件
body{
font-size:16px !important;
}
导入到main.js
import "@/assets/css/reset.css"
