用vant中的外掛配置rem的適配
阿新 • • 發佈:2020-12-15
技術標籤:vue.js
用vant中的外掛配置rem的適配
postcss-pxtorem 是一款postcss外掛,用於將單位轉化為rem
lib-flexible 用於設定rem基準值
npm install postcss-pxtorem --save-dev
npm i -S amfe-flexible
在main.js中引入lib-flexible
import 'lib-flexible';
在postcss.config.js檔案中進行配置
module.exports = {
plugins: {
'autoprefixer': {
browsers: ['Android >= 4.0', 'iOS >= 7']
},
'postcss-pxtorem': {
rootValue:37.5,
propList: ['*']
}
}
}