postcss-px-to-viewport移動端佈局

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

.postc***c.js

module.exports = {
  "plugins": {
    "postcss-px-to-viewport": {
      unitToConvert: "px", // 要轉化的單位
      viewportWidth: 750, // UI設計稿的寬度
      unitPrecision: 6, // 轉換後的精度，即小數點位數
      propList: ["*"], // 指定轉換的css屬性的單位，*表明所有css屬性的單位都進行轉換
      viewportUnit: "vw", // 指定須要轉換成的視窗單位，默認vw
      fontViewportUnit: "vw", // 指定字體須要轉換成的視窗單位，默認vw
      selectorBlackList: ["Furong"], // 指定不轉換爲視窗單位的類名，
      minPixelValue: 1, // 默認值1，小於或等於1px則不進行轉換
      mediaQuery: true, // 是否在媒體查詢的css代碼中也進行轉換，默認false
      replace: true, // 是否轉換後直接更換屬性值
      exclude: [/node_modules/], // 設置忽略文件，用正則作目錄名匹配
      landscape: false // 是否處理橫屏狀況
    }
  }
}