美文网首页
根据移动设备的分辨率,设置rem根fontSize大小

根据移动设备的分辨率,设置rem根fontSize大小

作者: Frank_Fang | 来源:发表于2020-08-10 14:11 被阅读0次
    <script>
      (function (window, document) {
        function resize() {
          if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            var ww = window.innerWidth
            if (ww > window.screen.width) {
              window.requestAnimationFrame(resize)
            } else {
              if (ww > 750) {
                ww = 750
              }
              document.documentElement.style.fontSize = ww * 100 / 750 + 'px'
            }
          }
        }
    
        resize();
    
        window.addEventListener('resize', resize);
        window.addEventListener('pageshow', function (e) {
          if (e.presisted) {
            resize();
          }
        });
      })(window, document);
    </script>
    

    相关文章

      网友评论

          本文标题:根据移动设备的分辨率,设置rem根fontSize大小

          本文链接:https://www.haomeiwen.com/subject/lthjdktx.html