fm:
首先我们先引入淘宝的amfe-flexible
npm i -S amfe-flexible
然后在main.js全局引入
import 'amfe-flexible'
然后在index替换一下
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
然后在vue.config,js文件中写入一下代码 解释一下 rootValue 是换算的值,
selectorBlackList的作用是如果你引入了组件库同时也会改变组件库的样式,添加这个就是为了让它忽略第三方插件库 ( “van-” 就是以van开头的组件,其他组件库同样这样写 ok 结束下班)
module.exports={
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({ // 把px单位换算成rem单位
rootValue: 75, // 换算的基数(设计图750的根字体为75,如果设计图为640:则rootValue=64)
propList: ['*'],
"selectorBlackList": [
"van-"
]
})
]
}
}
},
}