移动端 rem 适配的JS方法

// rem 适配的 js 代码
    /* 
    找到最大寸 720px
    当大于720px 宽度  html的 font-size 设置为100px 几乎兼容所有的大显示器
    考虑问题 屏幕缩小时候，尺寸的问题，让 html 的font-size是一个动态的值，并且与视图窗口大小有关。 这样就是实现了 所有元素响应式
    */
     (function (window, document) {
        // 因为 ui 设计稿 标准的1倍图 以 375px 为标准 2倍图为 750px 为标准，
        // 为了找到规律，尽可能小的误差，所以这里写viewwidth = 750 
      var viewWidth = 750;
      var pick = viewWidth / 100;
      var mode = "resize";
      function change() {
        var view = document.documentElement.clientWidth || window.innerWidth;
        // 如果视图窗口 宽度大于 720 px
        if (view >= 750) {
            // 那么设置 html 的font-size 为100px
          document.getElementsByTagName("html")[0].style.fontSize = 100 + "px";
          return;
        }
        // 否则 设置html 的font-size 为动态的值 = 视图窗口宽度 / 100px
        document.getElementsByTagName("html")[0].style.fontSize =
          view / pick + "px";
      }
      window.addEventListener(mode, change, !1);
      window.document.addEventListener("DOMContentLoaded", change, !1);
    })(window, document);