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

本文共 410 字,大约阅读时间需要 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>

转载于:https://www.cnblogs.com/xiaomifeng/p/5604182.html

你可能感兴趣的文章
魔方阵
查看>>
【其他】对于本科毕业论文想说一些话
查看>>
调试core文件
查看>>
java中的IO操作总结(三)
查看>>
【JAVA学习笔记】个人设定
查看>>
extern"C"
查看>>
在VC++中实现无标题栏对话框的拖动
查看>>
opengl 教程(9) 顶点属性插值
查看>>
asp.net的session mode的inproc改为StateServer,网站不可以访问
查看>>
【SAS NOTE】where & time
查看>>
图片旋转和翻转
查看>>
定位和可见性
查看>>
c语言中的qsort方法的使用
查看>>
Android notification详解
查看>>
程序线程paip.程序不报错自动退出的解决
查看>>
(转)自己动手搭建Nginx+memcache+xdebug+php运行环境绿色版 For windows版
查看>>
在Intellij IDEA 12中Tomcat无法调试
查看>>
ExtJs十四(ExtJs Mvc图片管理之四)
查看>>
nullnullHandling Features Not Supported on TV 在电视上处理不支持的功能
查看>>
数据库并发操作
查看>>