美文网首页
vw移动端适配 与 vant 集成 导致 vant组件缩小如何解

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

作者: 趣有书 | 来源:发表于2021-08-17 16:40 被阅读0次

修改 .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

        }

    }

}

相关文章

网友评论

      本文标题:vw移动端适配 与 vant 集成 导致 vant组件缩小如何解

      本文链接:https://www.haomeiwen.com/subject/midibltx.html