// 定義最大的 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中引用就可以直接生效。

總結

以上是生活随笔為你收集整理的vue中html的fontsize的适配的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。