- 先下载插件cnpm install px2rem-loader lib-flexible --save
- 在main.js中引入import ‘lib-flexible/flexible.js’
- 在build中utils.js添加如下代码
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit:100
}
}
- 在app.vue中改变html的font-size
html{
font-size: 26.66666vw !important;
}
重启项目即可,此时,px就被转化为rem单位了,如下
燃鹅,为什么是0.32rem,因为在util.js中配置了remUnit:100,这个值的大小由自己决定,方便就好
更多详细内容请看: