移動端 單位 rem

rem是指相對於根元素的字體大小的單位(相對單位)

rem和em的區別，em相對於父元素的字體大小的單位。rem相對於根元素html字體大小計算，

　　　　　　　　px是一個絕對的單位。

因此rem能夠實現強大的屏幕適配佈局

例如：

html{
      font-size:20px;  
}    
.btn{
      width:6rem;
      height:3rem;            
}    
//<div class='btn'></btn>那麼.btn的寬度爲120px;高度爲60px;

　　因此在作移動端適配的時候就要根據不一樣分辨率設置font-size的值,作法：

(function () {
    var html = document.documentElement;

    function onWindowResize() {
        html.style.fontSize = html.getBoundingClientRect().width / 20 + 'px';
    }
    window.addEventListener('resize', onWindowResize);
    onWindowResize();
})();