1,使用rem 适配移动端。
##下载 npm install lib-flexible --save-dev
2,然后在mian.js 中引入lib-flexible,适配移动端
3,##使用下载postcss-px2rem 模块儿 rem转化为 px
##下载 npm install postcss-px2rem
4,配置Vue配置文件,在vue.config.js文件中添加:
module.exports = {
css:{
loaderOptions:{
css:{},
postcss:{
plugins:[
require("postcss-px2rem")({
// 以设计稿为 750px 为例 750/10 = 75
// 表示 1 rem = 75px
remUnit:75
})
]
}
}
}
}