vue项目px转vw

最新推荐文章于 2023-12-25 11:14:44 发布

小白鸽hc

最新推荐文章于 2023-12-25 11:14:44 发布

阅读量300

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_47438730/article/details/126588506

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.下载依赖

npm install postcss-px-to-viewport --save-dev

2.新建postcss.config.js做一下配置

module.exports = {
    plugins: {
        "postcss-px-to-viewport": {
            viewportWidth: 375, // 设计稿的视口宽度
            viewportHeight: 667, // 设计稿的视口高度
            unitPrecision: 3, // 单位转换后保留的小数位数
            viewportUnit: "vw", // 转换后的视口单位
            selectorBlackList: [".ignore", ".hairlines"], // 不进行转换的css选择器，继续使用原有单位
            minPixelValue: 1, // 设置最小的转换数值
            mediaQuery: false // 设置媒体查询里的单位是否需要转换单位
        }
    }
};