rem布局,根据屏幕宽度设置html字体大小

复制代码
function resetRootFZ() {
  let Html = document.querySelector('html')
  let w = Html.getBoundingClientRect().width
  // 设置根字体大小
  Html.style.fontSize = w / 10 + 'px'
}

// 初次加载时候设置字体大小
resetRootFZ()

// 屏幕宽度发生改变时,重新设置字体大小
window.addEventListener('resize', function () {
  resetRootFZ()
})
复制代码

 

posted on   er先森  阅读(146)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示