寬度（px） = font-size * rem值
比如 100(px) = font-size(50px) * rem(2)
安裝 amfe-flexible (根據(jù)屏幕大小改變根字體大邢铺浴：即是html的 font-size 值)
npm i amfe-flexible --save-dev
然后在main.js導(dǎo)入
import "amfe-flexible";
px 轉(zhuǎn) 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;
}
導(dǎo)入到main.js
import "@/assets/css/reset.css"
