欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【JS】页面字体布局

程序员文章站 2022-06-21 13:24:14
...
<!--页面字体布局-->
<script type="text/javascript">
  window.__setFontSize__ = (function (doc, win) {
    var docEl = doc.documentElement;
    var recalc = function () {
      var clientWidth = docEl.clientWidth;
      if (!clientWidth) return;
      if (clientWidth >= 750) {
        docEl.style.fontSize = 100 * (750 / 750) + 'px';
      } else {
        docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
      }
    };
    if (!doc.addEventListener) return;
    // doc.addEventListener('DOMContentLoaded', recalc, false);
    win.addEventListener('resize', recalc, false);
    return recalc;
  })(document, window);
  window.__setFontSize__();
</script>
相关标签: javascript