rem布局自动适配脚本

最新推荐文章于 2023-04-11 17:42:24 发布

Meditate_MasterYi

最新推荐文章于 2023-04-11 17:42:24 发布

阅读量553

点赞数

本文链接：https://blog.csdn.net/Meditate_MasterYi/article/details/81121203

版权

function refreshRem() {
      // var desW = 750;
      var desW = 1280;
      var winW = document.documentElement.clientWidth;
      var ratio = winW / desW;
      document.documentElement.style.fontSize = ratio * 100 + 'px';
    }

    refreshRem();
    window.addEventListener('resize', refreshRem);

将以上代码引入根目录，设置desW为你的设计稿的像素，将会自动计算根目录大小，进行适配。

无论你的设计稿为多少，例如设计稿中width为60px 那么代码中width为 0.6rem，即可，都是除以100 即可；