vue项目如何配置rem

  • 时间:
  • 来源:互联网
  • 文章标签:

在config文件夹下 新建一个rem.js文件

在这里插入图片描述

(function(d, w) {
    const doc = d.documentElement;
    function rem() {
      const width = Math.min(doc.getBoundingClientRect().width, 768);
      doc.style.fontSize = width / 7.5 + 'px';
    }
    rem();
    w.addEventListener('resize', rem);
  })(document, window);
  

然后在项目的入口文件main.js里面引入

在这里插入图片描述

 const width = Math.min(doc.getBoundingClientRect().width, 768);
 console.log('width===', width);

在这里插入图片描述

本文链接http://www.taodudu.cc/news/show-1781931.html