侧边栏壁纸
  • 累计撰写 100 篇文章
  • 累计创建 55 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

REM 计算方法

Malson
2022-06-24 / 0 评论 / 0 点赞 / 70 阅读 / 159 字
function() {
  const docEl = document.documentElement // 获取html对象
  const resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' // 横屏是否支持,不支持则为浏览器大小改变

  // 计算页面字体大小
  const reCalc = () => {
    // 获取页面宽度
    let clientWidth = docEl.clientWidth;
    // 获取不到页面宽度,直接返回
    if (!clientWidth) return;
    // 设置html字体大小(浏览器默认字体大小为16px)
    docEl.style.fontSize = clientWidth / 750 + "px";
  };

  // 先执行一下
  reCalc()
  // 不支持addEventListener,返回
  if (!document.addEventListener) return;

  // 监听事件,获取当前html标签的字体大小
  window.addEventListener(resizeEvt, reCalc, false);
  // dom内容加在完成事件
  document.addEventListener('DOMContentLoaded', reCalc, false);
}

0
博主关闭了所有页面的评论