横竖屏操作后，rem重新计算

最新推荐文章于 2021-06-17 04:17:54 发布

weixin_34279061

最新推荐文章于 2021-06-17 04:17:54 发布

阅读量203

点赞数

文章标签： python

原文链接：https://my.oschina.net/newgoup/blog/737318

版权

2019独角兽企业重金招聘Python工程师标准>>>

解决方案：手动在head中插入style，给html设置font-size,并使用 !important 增加优先级

(function (doc, win) {
      var docEl = doc.documentElement,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
          recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              var style;
              if(style=document.getElementById("hackUcRem")){
                  style.parentNode.removeChild(style);
              }
              style = document.createElement("style");
              style.id="hackUcRem";
              document.head.appendChild(style);
              style.appendChild(document.createTextNode("html{font-size:" + 100 * (clientWidth / 320) + "px !important;}"));
              docEl.style.fontSize = 100 * (clientWidth / 320) + 'px';
          };
      recalc();
      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
  })(document, window);

转载于:https://my.oschina.net/newgoup/blog/737318