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来进行适配

posted @ 2021-02-22 14:16  习惯xiguan  阅读(57)  评论(0编辑  收藏  举报