手機web不同屏幕字體大小高度自適應


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM