px2vw--------css單位轉(zhuǎn)換

• 為了移動端適配，我們可以使用postcss-px-to-viewport插件來進行px-vw的單位轉(zhuǎn)換
  文檔指路------>GitHub

• 安裝postcss-px-to-viewport

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

• 配置postcss.config.js

• module.exports = {
    plugins: {
      autoprefixer: {},
      "postcss-px-to-viewport": {
        viewportWidth: 375, //視窗的寬度，對應(yīng)我們設(shè)計稿的寬度，一般指retina（一個點兩個像素），寬度750
        viewportHeight: 667, //視窗的高度，對應(yīng)我們設(shè)計稿的高度，可以不配置
        unitPrecision: 5, //指定`px`轉(zhuǎn)化成視窗單位值的小數(shù)位數(shù)（很多時候不能整除）
        viewportUnit: 'vw', //指定需要轉(zhuǎn)換的視窗單位 建議'vw'
        selectorBlackList: ['ignore'], //指定不需要轉(zhuǎn)換的類
        exclude: [/TabBar/], //指定不要轉(zhuǎn)換的文件，數(shù)組內(nèi)應(yīng)該是正則表達式
        minPixelVaule: 1, //小于或者等于1px不轉(zhuǎn)換為視窗單位
        mediaQuery: flase , //允許在媒體查詢中轉(zhuǎn)換'px'
        landscape: false,  // 是否添加根據(jù)landscapeWidth生成的媒體查詢條件 @media (orientation: landscape)
        landscapeUnit: "vw", // 橫屏時使用的視窗單位
        landscapeWidth: 1134 // 橫屏時使用的視窗寬度
      }
    }
  }