function setRem() {
var ui_w = 375;
// 获取屏幕的宽度
var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
// console.log(ui_w, clientWidth);
// 通过js动态改变html根节点字体大小
var html_ = document.getElementsByTagName('html')[0];
html_.style.fontSize = (clientWidth / ui_w) * 10 + 'px';
}
// window.onresize 浏览器被重置大小执行事件
window.onresize = setRem;
rem屏幕适配js
最新推荐文章于 2023-05-12 14:53:45 发布
该函数`setRem`用于根据屏幕宽度动态调整HTML根元素的字体大小,以实现响应式设计。它首先定义了一个标准宽度`ui_w`,然后获取当前浏览器窗口的宽度。接下来,根据窗口宽度与标准宽度的比例设置字体大小,确保页面在不同设备上比例适中。当浏览器窗口大小发生改变时,`onresize`事件会触发`setRem`函数再次执行,保持布局的自适应性。
3316





