前端移动端页面适配方案

    <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>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理