1. 程式人生 > >關於京東自適應手機端的分析

關於京東自適應手機端的分析

程式碼區:
css:<style id="J_style">html{font-size:67.03125px;}</style>

js:

<script type="text/javascript">
    !function(){function b(){
        var e,b=document.getElementById("J_style"),
        c=document.documentElement.clientWidth||document.body.clientWidth,d=1;
        d=c/640,e=100*d,b.innerHTML="html{font-size:"+e+"px;}",a=d; window._z = d;
    }
    var a=0;b(),window.addEventListener("resize",b);}();
</script>

當螢幕改變的時候! 通過js自動改變html的字型大小!! 從而改子元素的rem大小!字元素width和height都是用rem表示的!從而自適應螢幕的大小