码迷,mamicode.com
首页 > 移动开发 > 详细

手机web不同屏幕字体大小高度自适应

时间:2016-06-21 17:11:13      阅读:551      评论:0      收藏:0      [点我收藏+]

标签:

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>

手机web不同屏幕字体大小高度自适应

标签:

原文地址:http://www.cnblogs.com/xiaomifeng/p/5604182.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!