1.安装插件
npm install postcss-px2rem
2.配置文件vue.config.js(下面代码复制到文件里)
module.exports = {
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 37.5
})
]
}
}
}
}
3.写一段样式实验一下有没有配置成功
4.下图是成功的显示px自动转rem
设置rem的基(自动计算html的font-size)
flexible会为页面根据屏幕自动添加<meta name='viewport' >标签,动态控制initial-scale, maximum-scale,minimum-scale等属性的值。