移动端-动态改变字体大小

夜箜泠

已于 2022-04-26 14:48:35 修改

阅读量588

点赞数

分类专栏：移动端学习文章标签： html5 javascript

于 2021-12-01 09:38:39 首次发布

本文链接：https://blog.youkuaiyun.com/XXX51129/article/details/121648317

版权

移动端学习专栏收录该内容

3 篇文章

订阅专栏

//  动态改变字体大小 

    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) * 100 + 'px';
    }

    //  window.onresize 浏览器被重置大小事件 
    window.onresize = setRem;