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

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

Logo

前往低代码交流专区

更多推荐