vue-cli3.0使用rem适配方案
相对于rem来说,vw适配能更好的适配移动端,但如果既需要适配移动也需要适配PC
vw的适配在pc显示时会显得格外的大,
rem就会相对好些,这里只针对一些简单页面解决方案,复杂项目会有专门的一套解决方案
安装 lib-flexible
postcss-pxtorem
yarn add lib-flexible postcss-pxtorem
lib-flexible
-
作用:让网页根据设备dpr和宽度,利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备
-
使用:
// 在main.js中引入即可 import 'lib-flexible/flexible.js'
pxtorem
-
作用:将项目中css的px转成rem单位,免去计算烦恼
-
配置:
package.json
内&