js适配rem

最新推荐文章于 2023-03-20 15:46:24 发布

jyhoho

最新推荐文章于 2023-03-20 15:46:24 发布

阅读量137

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/jyhoho/article/details/106392146

版权

引入之后,然后给html标签设置100px字体大小，然后再根据设计稿650px的设置成6.5rem

!function(a, b, c) {
        function q() {
          var d = Math.min(Math.max((o ? e[h]().width : f.innerWidth) / (a / b), c), 68);// 68 * 0.3 = 20
          d != p && (k.innerHTML = "html{font-size:" + d + "px!important;" + n + "}", p = d)
        }
        function r() {
          clearTimeout(l), l = setTimeout(q, 500)
        }
        var l, d = document,
          e = d.documentElement,
          f = window,
          g = "addEventListener",
          h = "getBoundingClientRect",
          i = "pageshow",
          j = d.head || d.getElementsByTagName("HEAD")[0],
          k = d.createElement("STYLE"),
          m = "text-size-adjust:100%;",
          n = "-webkit-" + m + "-moz-" + m + "-ms-" + m + "-o-" + m + m,
          o = h in e,
          p = null;
        a = a || 320, b = b || 16, c = c || 32, j.appendChild(k), d[g]("DOMContentLoaded", q, !1), "on" + i in f ? f[g](i, function(a) {
          a.persisted && r()
        }, !1) : f[g]("load", r, !1), f[g]("resize", r, !1), q()
      }(
        750,
        100,
        40
      );