前端移动端页面适配方案

43次阅读

共计 394 个字符,预计需要花费 1 分钟才能阅读完成。

    <script type="text/javascript">
      /* 前端页面适配方案《*/
      (function flexible(window, document) {setRemUnit();
        function setRemUnit() {
          var o = 750,
            t = 100,
            e = document.documentElement.clientWidth || window.innerWidth,
            h = 50;
          if (e > 480) {h = Math.floor(480 / o * t * .97)
          } else {h = (e / 10) * 4 / 3;
          }
          document.querySelector("html").style.fontSize = h + "px";
        }
        window.addEventListener('resize', () => {setRemUnit();
        });
      }(window, document))
        /* 前端页面适配方案》*/
    </script>

正文完
 0