1、npm i amfe-flexible
2、import ‘amfe-flexible‘
然后再,安装postcss-px2rem插件
npm i postcss-px2rem
在package.json中配置
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px2rem": {
"remUnit": 26.7
}
}
}
在vue项目中使用rem布局简易教程
rem布局由于其根据屏幕宽度的改变修改相应的rem与px的转换比例,这样非常适合移动端的项目。
在不同的分辨率下,都会有较好的显示