原生JS根据屏幕宽度动态改变字体大小

最新推荐文章于 2022-06-18 11:32:26 发布

孙-健

最新推荐文章于 2022-06-18 11:32:26 发布

阅读量456

点赞数

本文链接：https://blog.csdn.net/m0_46012686/article/details/120974322

版权

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;