vue——移動端適配（px轉rem原理）

最近我正在開發一個移動端項目，采用的是vue框架，在vue項目搭建完成時，根目錄下有一個名為 ".postcssrc.js"  的js文件，我們只需在該文件中進行配置，就可以輕輕松松的實現px與rem之間的轉換（在編寫項目的css樣式時，尺寸單位為px）

配置內容如下：

 

"postcss-pxtorem": { // 此處為添加部分
            rootValue: 37.5, // 對應16px 適配移動端750px寬度
            unitPrecision: 5, //計算后的最小精度值，默認保留的就是5位
            propList: ['*'], //設置哪些屬性可以從px變為rem。“！”表示不匹配，“ !font* ”表示不匹配字體相關屬性
            selectorBlackList: [], //設置哪些屬性選擇器（這里是屬性選擇器）忽略並保留px
            replace: true,
            mediaQuery: false, //Boolean類型，是否允許在媒體查詢中轉換px
            minPixelValue: 2, // 替換的最小像素值。1px不想被替換就設置為2
        }