rem是指相對於根元素(html)的字型大小的單位, 利用它能實現強大的螢幕適配布局。下面主要應用的是基於js去調整根元素字型大小， 從而實現各個尺寸螢幕的適配；
使用方法：
1.複製上面這段**到你的頁面的頭部的script標籤的最前面。
2.根據設計稿大小，調整裡面的最後兩個引數值。
3.使用1rem=100px轉換你的設計稿的畫素，例如設計稿上某個塊是100px*300px,換算成rem則為1rem*3rem。
注： html font-size字型大小 = 裝置寬度 / (設計圖尺寸 / 100);
假設提供的設計稿為750px的，那麼：
devicewidth = 320，font-size = 320 / 7.5 = 42.6666px
devicewidth = 375，font-size = 375 / 7.5= 50px
devicewidth = 414，font-size = 414 / 7.5 = 55.2px
devicewidth = 500，font-size = 500 / 7.5 = 66.6666px
實際應用：假設有乙個750的設計稿分上中下三個部分， 上（650＊80）， 中（左邊：200＊130， 右邊：420 ＊ 130）， 下（650 ＊ 200）
則實現**如下：
H5移動端字型自適應（也適用於寬高）
閱讀原文掃碼檢視 自己研究摸索了幾種h5移動端字型自適應的方法，分享出來和大家一起共享。方法一 純css方法,精確度高，ios 和 安卓 字型大小同等比例 1.1 以16px為基準，在根元素html下，字型為62.5 1.2 此時1rem 10px css html body 方法二 純css方法,...
rem自適應布局 移動端自適應必備
由於移動端特殊性，本文講的是如何使用rem 實現自適應 或叫rem 響應式布局，通過使用乙個指令碼就可以rem自適應 rem是相對於根元素 這樣就意味著，我們只需要在根元素確定乙個px字型大小，則可以來算出元素的寬高。1rem 16px 瀏覽器html的畫素，可以設定這個基準值 假如瀏覽器的html...
移動端自適應與rem
提到移動端適配，小夥伴們都會想到rem布局，那麼rem是什麼呢？我們有為什麼要使用rem呢?下面我們就來討論一下。rem是相對於根元素 也就是說到rem又不免想到em。那麼他們之間有什麼血緣關係嗎？是的，他們可能是兄弟 父子，也可能是爺孫關係。它們之間的區別在於，rem依賴於根元素,而em是依賴於父...