vw移动端适配 与 vant 集成 导致 vant组件缩小如何解决?

修改 .postcsssrc.js 中关于 postcss-px-to-viewport 的 selectorBlackList忽略转换的配置可解决问题, 配置如下

module.exports = {

    "plugins":{

        "postcss-import":{},

        "postcss-url":{},

        "postcss-aspect-ratio-mini":{},

        "postcss-write-svg":{

            utf8:false

        },

        "postcss-cssnext":{},

        "postcss-px-to-viewport":{

            viewportWidth:750,

            viewportHeight:1334,

            unitPrecision:3,

            viewportUnit:'vw',

            selectorBlackList:['.ignore','.hairlines','van'], // (Array) The selectors to ignore and leave as px.

            minPixelValue:1, // (Number) Set the minimum pixel value to replace.

            mediaQuery:false // (Boolean) Allow px to be converted in media queries.

        },

        "cssnano":{

            preset:"advanced",

            autoprefixer:false,

            "postcss-zindex":false

        }

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容