美文网首页
移动端适配

移动端适配

作者: 田成力 | 来源:发表于2019-12-17 16:37 被阅读0次

根据窗口大小动态计算字体大小

 function computed() {
        let HTML = document.documentElement,
          deviceW = HTML.clientWidth,
          designW = 750,
          ratio = deviceW / designW * 100;
        if (deviceW >= 410) ratio = 410 / designW * 100;
        HTML.style.fontSize = ratio + 'px';
      }
      computed();
      window.addEventListener('resize', computed);

相关文章

网友评论

      本文标题:移动端适配

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