0
点赞
收藏
分享

微信扫一扫

VueH5项目自适应

DT_M 2022-01-12 阅读 46

安装包

 npm install postcss postcss-pxtorem --save-dev
 npm i -S amfe-flexible
 npm install sass-loader@7.3.1
 npm i node-sass

 1. postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位
 2. lib-flexible 用于设置 rem 基准值
 

html设置

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

配置

// postcss.config.js
module.exports = {
    plugins: {

        // postcss-pxtorem 插件的版本需要 >= 5.0.0
        'postcss-pxtorem': {
            rootValue({file}) {
                console.log(file)
                return file.indexOf('vant') !== -1 ? 37.5 : 75;
            },
            propList: ['*'],
        },
    },
};
举报

相关推荐

0 条评论