vue 2.0 及 vue 3.0 rem配置

vue 2.0 配置 rem  

首先先安装postcss-px2rem    (百度可以) https://www.jianshu.com/p/e6476bbc2131

    npm install postcss-px2rem

找到文件 build / vue-loader.config.js  添加

const px2rem = require('postcss-px2rem')
postcss: function() {
    return [px2rem({remUnit: 75})];
}

 

 

 

 

在index.html 文件中配置

  <script>
    document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document.body
      .clientWidth) / 10 + 'px';
    window.addEventListener("resize", () => {
      document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document
        .body.clientWidth) / 10 + 'px';
    });
  </script>

 

 

vue 3.0 配置 rem    (百度可以)

这位大佬 的 https://www.jianshu.com/p/94902796f2ad

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @   敲代码的树先生  阅读(618)  评论(0编辑  收藏  举报
编辑推荐:
· 一个超经典 WinForm,WPF 卡死问题的终极反思
· ASP.NET Core - 日志记录系统(二)
· .NET 依赖注入中的 Captive Dependency
· .NET Core 对象分配(Alloc)底层原理浅谈
· 聊一聊 C#异步 任务延续的三种底层玩法
阅读排行:
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(一):从.NET IoT入
· .NET 开发的分流抢票软件,不做广告、不收集隐私
· 一个超经典 WinForm,WPF 卡死问题的终极反思
· 开箱你的 AI 语音女友「GitHub 热点速览」
· 前端实现 HTML 网页转 PDF 并导出
点击右上角即可分享
微信分享提示