1.先安装淘宝自适应插件 lib-flexible
cnpm i lib-flexible --save
2.然后在main.js文件引入
import ‘lib-flexible’
3.再安装 px转rem模块包 postcss-px2rem
cnpm i postcss-px2rem --save
3.在当前项目文件下创建vue.config.js文件配置一些信息
module.exports = {
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 32 //列如设计稿尺寸为320
})
]
}
}
},
}