随笔 - 4  文章 - 0  评论 - 0  阅读 - 849

适配屏幕文字大小

直接上代码:
<script>
    fnResize();
    window.onresize = function () {
        fnResize();
        window.addEventListener("resize", fnResize);
    };
    function fnResize() {
        let devWidth = document.documentElement.clientWidth || window.innerWidth;//浏览器视口宽度
        let equipment = (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))
        console.log(devWidth, equipment)
        if (equipment) {
            if (devWidth >= 750) {
                devWidth = 750;
            }
            if (devWidth <= 320) {
                devWidth = 320;
            }
            document.documentElement.style.fontSize = parseInt(devWidth / 23) + "px";
        } else {
            document.documentElement.style.fontSize = 16 + "px";
        }
    }
</script>
posted on   mydiary  阅读(33)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示