博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
手机web不同屏幕字体大小高度自适应
阅读量:6624 次
发布时间:2019-06-25

本文共 356 字,大约阅读时间需要 1 分钟。

body{font-size:0.6rem;}

<script>
//使用rem策略,不断更新html的fontsize
(function(){
    function sizeHtml(){
        window.mtSizeBase = $(window).width()/16;
        window.mtSizeBase = window.mtSizeBase>45?45:window.mtSizeBase;
        $("html").css("font-size",window.mtSizeBase+"px");
    }
    sizeHtml();
    $(window).resize(function(){
        setTimeout(function(){
            sizeHtml();
        },300);
    });
})();
</script>

转载地址:http://xztpo.baihongyu.com/

你可能感兴趣的文章
接口规范 9. 推流认证相关接口
查看>>
python连接redis
查看>>
中国大数据科技传播联盟在京成立
查看>>
LAMP架构(LAMP介绍,mysql/mariaDB介绍,Mysql安装)
查看>>
栈排序,只能使用额外的一个栈空间 && 有道一面
查看>>
jQuery垂直菜单和水平菜单实现
查看>>
xargs 命令
查看>>
Linux文件系统之挂载U盘
查看>>
awk——报告生成器
查看>>
oracle 体系结构
查看>>
Nginx+Keepalived搭建高可用负载均衡集群
查看>>
聚合链路及故障排查
查看>>
zabbix监控mysql以及报警(二)终
查看>>
后台服务程序开发模式
查看>>
VS2015 正式版中为什么没有了函数前面引用提示了?
查看>>
windows 系统的安装和虚拟机共享文件夹
查看>>
python—爬虫
查看>>
arp协议的混乱引发的思考--一个实例
查看>>
systcl -p 报错 error: "net.bridge.bridge-nf-call-ip6tables" is an unknown key
查看>>
Why Public Cloud is Not a Security Concern
查看>>