// 定義最大的 fontSize const MAX_FONT_SIZE = 42 // 監(jiān)聽(tīng) HTML 文檔被解析完成的事件 document.addEventListener('DOMContentLoaded', () => {// 獲取html標(biāo)簽const html = document.querySelector('html')// 屏幕的寬度除以10，獲取跟元素fontSize標(biāo)準(zhǔn)let fontSize = window.innerWidth / 10// 獲取到的 fontSize 標(biāo)準(zhǔn)不允許超過(guò)我們定義的最大值fontSize = fontSize > MAX_FONT_SIZE ? MAX_FONT_SIZE : fontSize// 定義根元素 大小html.style.fontSize = fontSize + 'px' })

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

總結(jié)

以上是生活随笔為你收集整理的vue中html的fontsize的适配的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。