手机端自动判断 rem

水中熊

于 2017-02-16 11:59:15 发布

阅读量353

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js

本文链接：https://blog.youkuaiyun.com/gmd_web/article/details/55254129

javascript 专栏收录该内容

31 篇文章

订阅专栏

手机端自动判断 rem

// 手机端自动判断 rem
<script type="text/javascript">
(function() {
    var b = document.documentElement,
    a = function() {
        var a = b.getBoundingClientRect().width;
        var a = a < 640 ? a : 640;
        b.style.fontSize =( .0375 * a) + "px";
    },
    c = null;
    window.addEventListener("resize",
    function() {
        clearTimeout(c);
        c = setTimeout(a, 300);
    });
    a();
})();
</script>

压缩

<script type="text/javascript">(function(){var b=document.documentElement,a=function(){var a=b.getBoundingClientRect().width;var a=a<640?a:640;b.style.fontSize=(0.0375*a)+"px"},c=null;window.addEventListener("resize",function(){clearTimeout(c);c=setTimeout(a,300)});a()})();</script>