vue cli3.0 rem 使用
首先安裝amfe-flexible插件撵孤,在main.js里引入
1、npm i amfe-flexible
2揪漩、import 'amfe-flexible'
然后再,安裝postcss-px2rem插件
npm i postcss-px2rem
在package.json中配置
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px2rem": {
"remUnit": 37.5
}
}
}
說明,我這里用的是vue-cli3.0腳手架壳繁。在.vue文件里绎签。樣式直接寫px單位就可以了枯饿。在瀏覽器查看時會自動轉(zhuǎn)換為rem單位。如果字體還想用px诡必。那就這樣將px大寫奢方。就不會編譯為rem單位了。樣式就可以實(shí)現(xiàn)px。