码迷,mamicode.com
首页 > 其他好文 > 详细

vue 2.0 及 vue 3.0 rem配置

时间:2019-11-08 21:23:04      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:image   eve   www   bsp   dde   add   ret   ||   client   

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

vue 2.0 及 vue 3.0 rem配置

标签:image   eve   www   bsp   dde   add   ret   ||   client   

原文地址:https://www.cnblogs.com/TreeCTJ/p/11823024.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!