rem（font size of the root element）是指相對於根元素的字型大小的單位。簡單的說它就是乙個相對單位。看到rem大家一定會想起em單位，em（font size of the element）是指相對于父元素的字型大小的單位。它們之間其實很相似，只不過乙個計算的規則是依賴根元素乙個是依賴父元素計算。
rem能等比例適配所有解析度。
rem是通過根元素進行適配的，網頁中的根元素指的是html我們通過設定html的字型大小就可以控制rem的大小。舉個例子：
html
.btn
假設就使用瀏覽器預設的字型大小16px，來看一些px單位與rem之間的轉換關係：
如果你要設定乙個不同的值，那麼需要在根元素中定義，為了方便計算，時常將在元素中設定font-size值為62.5%，相當於在中設定font-size為10px；
rem在眾多瀏覽器中都已得到很好的支援，如果您的專案不用考慮ie低版本的話，你就可以放心的使用了，如果您的專案在ie低版本中還占有不少的比例，那麼你還在擔心使用rem不能相容，而不敢使用。其實是沒有必要的，可以針對低版本的ie瀏覽器做一定的處理：
html
body
h1
rem的「解析度」
rem的 解析度 html的font size 由於各大瀏覽器的最小字型大小不一，谷歌12px，ie ff更小，所以一般認為網頁最小字型大小為12px 但事實上，用rem作為單位時，有些小數是不能精確計算 人為或瀏覽器解析 的 比如，padding bottom 3rem 當html的字型大小為12...
移動端不同解析度適配 使用flexible
使用方法 lib flexible庫的使用方法非常的簡單，只需要在web頁面的中新增對應的flexible css.js,flexible.js檔案 或者直接載入阿里cdn的檔案 容器或元件寬高主要使用單位rem，字型大小則不變仍然使用單位px。還有乙個約束是，如果針對iphone5 640 113...
rem布局實現不同解析度移動終端的自適應 整體縮放
現在手機螢幕解析度越來越多，但我們的需求比較唯一 最佳視覺。當使用者瀏覽網頁時，根據螢幕的尺寸，來向使用者展示更適合使用者的布局 文字 按鈕等等，因此，rem應運而生。rem font size of the root element 是指相對於根元素的字型大小的單位。一旦根節點html 定義的 f...