字体rem通用基本设置

2022-11-29 15:19:42 浏览数 (1)

使当前的字体大小自适应当前浏览器:

代码语言:javascript复制
// 提前执行,初始化 resize 事件不会执行
setRem()
// 原始配置
function setRem () {
  let doc = document.documentElement
  let width = doc.getBoundingClientRect().width
  let rem = width / 75
  doc.style.fontSize = rem   'px'
}
// 监听窗口变化
addEventListener("resize", setRem)

0 人点赞