通过js动态设置字体大小

苏文杰7

已于 2023-06-25 21:31:06 修改

阅读量478

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

于 2023-05-25 10:57:46 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/S_uWenJie/article/details/130862564

该代码定义了一个setRem函数，用于根据设备宽度动态设置HTML元素的字体大小，以实现页面的响应式设计。它首先获取设计基准宽度ui_w，然后比较当前窗口的客户端宽度clientWidth，据此调整html元素的字体大小，确保比例一致。函数在窗口resize和load事件中调用，保证页面加载和窗口变化时都能正确适配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function setRem(){

var ui_w=375

var clientWidth=document.documentElement.clientWidth || document.body.clientWidth

var html_=document.getElementsByTagName('html')[0]

html_.style.fontSize=(clientWidth / ui_w) * 10+'px'

}

window.onresize=setRem

window.onload = setRem

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。