1.下载lib-flexible
npm i lib-flexible --save
2.在main.js中引入lib-flexible
import 'lib-flexible/flexible'
3.查看index.js有没有添加meta标签
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
4.安装postcss-px2rem
cnpm install postcss-px2rem --save
5.vue.config.js
module.exports = {
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 37.5
})
]
}
}
},
}