Vue 項目適配移動端，使用插件 `postcss-pxtorem`

一、版本說明

"vue": "^2.5.2",
"vue-router": "^3.0.1"

二、安裝 [email protected]

npm install [email protected] --save-dev

三、修改 '.postcssrc.js ' 文件，內容如下

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {
      browsers: ['Android >= 4.0', 'iOS >= 7']
    },
    "postcss-pxtorem": { 
      "rootValue": 16,
      "propList": ["*"]
    }

  }
}

四、樣式單位爲 px時，在瀏覽器檢查時，就會自動轉換爲 rem

 

 

寫給自己的隨筆，有問題歡迎指出ψ(*｀ー´)ψ