postcss-px-to-viewport

    autoprefixer: {},
    'postcss-px-to-viewport': {
      unitToConvert: 'px', //將要轉化的單位
      viewportWidth: 750, //(Number)視圖的寬度
      unitPrecision: 3, //(Number)指定`px`轉換為視窗單位值的小數位數，默認是5
      propList: ['*'], //(Array)指定可以轉換的css屬性，默認是['*']，代表全部屬性進行轉換
      viewportUnit: 'vw', //(String)指定需要轉換成的視窗單位，默認vw
      fontViewportUnit: 'vw', //(String)指定字體需要轉換成的視窗單位，默認vw
      selectorBlackList: ['.ignore', '.hairlines'], // (Array) 指定不轉換為視窗單位的類，保留px，值為string或正則regexp，建議定義一至兩個通用的類名
      minPixelValue: 1, //(Number) 默認值1，小於或等於`1px`不轉換為視窗單位,
      mediaQuery: false, // (Boolean) 是否在媒體查詢時也轉換px，默認false
      replace: true, //替換包含vw的規則，而不是添加回退。
      exclude: [],  // (Array or Regexp) 設置忽略文件，如node_modules
      landscape: false, 
      landscapeUnit: 'vw',
      landscapeWidth: 568
    }
  }

如果你的樣式需要做根據視口大小來調整寬度，這個腳本可以將你CSS中的px單位轉化為vw，1vw等於1/100視口寬度。

之前做移動端適配時，基本上是采用rem方案，現在發現了一個新的方案，就是用viewport單位，現在viewport單位越來越受到眾多瀏覽器的支持