vue-cli3.0使用rem适配方案

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内&