pxtorem插件配置
在vuecli 项目根目录 新建postcss.config.jsmodule.exports = {plugins: {'autoprefixer': {overrideBrowserslist: ['Android 4.1','iOS 7.1',...
·
在vuecli 项目根目录 新建postcss.config.js
module.exports = {
plugins: {
'autoprefixer': {
overrideBrowserslist: [
'Android 4.1',
'iOS 7.1',
'Chrome > 31',
'ff > 31',
'ie >= 8'
]
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*']
}
}
}
//375px 即100%宽度,写px会自动rem处理,如果不想被rem处理,可以使用PX来写 750设计稿需要除以2
vant 推荐 rootValue的值是37.5
px转rem的算法是,设计稿量的值/设计稿的宽度=rem的值
备注:此插件不会转换行内样式
更多推荐
已为社区贡献1条内容
所有评论(0)