根据屏幕大小自动修改字体大小的代码

javascript 文章 2020-10-13 18:37 0 86 全屏看文

这是从朋友发来的网页里找到的一个代码,觉得有点儿意思,就发出来了。

$(function () {
    var Ohtml = document.documentElement;
    //根据屏幕大小切换字体
    // 动态设置html标签的字体大小从而定了rem的大小
    getSize();

    function getSize() {
        // var Ohtml = document.documentElement;
        var screenWidth = Ohtml.clientWidth;
        if (screenWidth <= 320) {
            Ohtml.style.fontSize = '25px';
        } else if (screenWidth >= 768) {
            Ohtml.style.fontSize = '60px';
        } else {
            Ohtml.style.fontSize = screenWidth / (12.8) + 'px';
        }
    }
})


-EOF-