手机端布局,rem布局动态获取根字体大小

 

手机端布局,rem布局动态获取根字体大小。

以下代码:

//rem布局动态获取根字体大小
function remDynamicLayout(){
    var $windowWidth = $(window).width();
    function htmlFontZize(){
        $windowWidth = $(window).width();
        if ($windowWidth > 640) {
            $windowWidth = 640; //限定最大宽度为640
        }
        $("html").css("font-size", (100 / 414) * $windowWidth + "px");
    }
    setTimeout(function () {
        htmlFontZize();
    }, 100);
    $(window).resize(function () {
        htmlFontZize();
    });
}
remDynamicLayout();

 

posted on 2017-03-20 10:21  白杨-M  阅读(1510)  评论(0编辑  收藏  举报

导航