pxtorem插件配置

 在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的值

备注:此插件不会转换行内样式

你可能感兴趣的:(vant,vue,前端)