vue postcss-px-to-viewport 移动端自适应

1. 安装依赖 postcss-px-to-viewport

2. 在根目录(package.json同级)下新建 .postcssrc.js

如果报错,装一下autoprefixer依赖就可以了

// .postcssrc.js内容
module.exports = {
  "plugins": {
    "autoprefixer": {},
    "postcss-px-to-viewport": {
        "unitToConvert": "px",
        "viewportWidth": 375,
        "unitPrecision": 3,
        "viewportUnit": "vw",
        "minPixelValue": 1,
        "selectorBlackList": [
            ".ignore",
            ".hairlines"
        ]
    }
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容