|
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
? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ]
? ? ? ? ? ? }
? ? ? ? }
? ? }
}?
|