新页面适配 使用postcss-px-to-viewport

511 阅读1分钟

安装

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

新增

根目录新增 postcss.config.js文件

增加代码

module.exports = {
  plugins: {
    // ...
    "postcss-px-to-viewport": {
      unitToConvert: "px",
      viewportWidth: 750,
      unitPrecision: 3,
      propList: ["*"],
      viewportUnit: "vw",
      fontViewportUnit: "vw",
      selectorBlackList: [],
      minPixelValue: 1,
      mediaQuery: false,
      replace: true,
      exclude: /(\/|\\)(node_modules)(\/|\\)/,
    },
  },
};