vue中html的fontsize的适配

最新推荐文章于 2024-07-30 19:35:09 发布

鱼子酱酱酱

最新推荐文章于 2024-07-30 19:35:09 发布

阅读量3.6k

点赞数

本文链接：https://blog.csdn.net/wuguidian1114/article/details/103527226

版权

// 定义最大的 fontSize
const MAX_FONT_SIZE = 42
// 监听 HTML 文档被解析完成的事件
document.addEventListener('DOMContentLoaded', () => {
  // 获取html标签
  const html = document.querySelector('html')
  // 屏幕的宽度除以10，获取跟元素fontSize标准
  let fontSize = window.innerWidth / 10
  // 获取到的 fontSize 标准不允许超过我们定义的最大值
  fontSize = fontSize > MAX_FONT_SIZE ? MAX_FONT_SIZE : fontSize
  // 定义根元素 大小
  html.style.fontSize = fontSize + 'px'
})

在main.js中引用就可以直接生效。