vue中使用rem布局

Posted woaiqianduan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用rem布局相关的知识,希望对你有一定的参考价值。

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布局的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用rem布局

vue 手机端H5单位px自动转换成rem

VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局

Vue前端项目自适应布局

Vue前端项目自适应布局

vue项目,移动端浏览器 适配,你还在用rem吗?