在vue項目中，使用rem進行布局，如果自己一個一個寫樣式會很麻煩，接下來介紹這種開發方式，配置rem，即可用 px 來開發，會自動幫我們轉成rem
在 public 文件中，我們要引入rem.js 的插件
然后在項目的根目錄下創建 postcss.config.js 文件 ， 這樣配置一下
module.exports = {
plugins: {
'autoprefixer': {
overrideBrowserslist: [
"Android 4.1",
"iOS 7.1",
"Chrome > 31",
"ff > 31",
"ie >= 8"
]
},
'postcss-pxtorem': {
rootValue: 37.5,//結果為：設計稿元素尺寸/16，比如元素寬320px,最終頁面會換算成 20rem
propList: ['*']
}
}
}
好了之后，我們就可以使用 px 來開發了，他會自動幫我們做rem換算