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

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

AI助手支持GPT4.0

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

$(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-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
给网站增加复制内容追加版权信息的脚本
博客园美化教程
原型&继承题目及内容解答
EditRocket for Mac(源代码编辑器)
20220712_第七小组_张红睿_学习笔记
随便看看
企业微信通讯录账号被管理员误/恶意删除,怎么办? 9568
问题? 9047
如何快速搭建抽奖助手小程序(无需代码知识) 6177
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 7471
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 6793
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 6127
如何解决渲染层网络错误Failed to load media? 17393
小程序找号找回 释放昵称? 3252
我的小程序广告主收入5301,实际进账4406,是怎么回事呀? 3108
删除部分微信用户个人数据的通知,怎么删除? 6380