vue cli4 pc 适配

适配准备 https://www.cnblogs.com/syhao/p/14038975.html
安装 (amfe-flexible) 和(postcss-px2rem)
1, 安装依赖并在main.js中引入该依赖

npm i amfe-flexible

import “amfe-flexible”
2,安装第二依赖

npm i postcss-px2rem
并在paackage.json中配置此依赖

  "postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-px2rem": {
        "remUnit": 192 //设计稿的除以10得到适配范围
      }
    }
  }
然后重启项目,会帮我们自动转换的px为rem来进行适配

原文地址:https://www.cnblogs.com/wp980327/p/14430007.html