用rem做為響應式開發中的單位（包括字型，寬度，高度），頁面的顯示可以自適應裝置寬高。比如我們的設計稿是根據iphone6（375 x 667）的尺寸設計的，我們用rem為單位，就按照inphone6的尺寸做好頁面就ok了，頁面在其他裝置裡就可以響應顯示。
1.設定rem;字型和高度我們可以使用rem,寬度的話我們依然可以使用百分比。
rem是相對於根元素的。瀏覽器的預設字型大小是16px。即：1rem= 16px = 100%;
我們是從小螢幕到大螢幕的開發模式，那麼我們的設定如下：（下面的height是例子，實際開發中不需要的。）
2.通過下面的設定，高度自適應是可以解決的，但是有的瀏覽器或移動端裝置有最小字型的限制，下面我總結一下最小字型的限制情況可以參考
移動端最小字型為12px(僅chrome有此限制)，inphone類移動裝置沒有最小字型限制。其他裝置可能會受8px的限制。
html@media screen and (min-width:414px)
}
@media screen and (min-width:640px)}
@media screen and (min-width:1024px)}
用rem來做響應式開發
demo 由於這個專案我設定了最大的寬度限制是640px,最小限制是320px,大家可以改變瀏覽器的解析度或者通過手機訪問看看效果。基本上在不同解析度下都是差不多的展示效果，而且在手機移動終端下都是100 的撐開。這種響應式的效果，我想應該是最符合現在移動終端多樣化的需求的，如果只是做幾個特別適應的...
用rem實現響應式頁面開發
rem font size of the root element 是指相對於根元素的字型大小的單位。簡單的說它就是乙個相對單位。看到rem大家一定會想起em單位，em font size of the element 是指相對于父元素的字型大小的單位。它們之間其實很相似，只不過乙個計算的規則是依賴...
用rem來做響應式開發
demo 由於這個專案我設定了最大的寬度限制是640px,最小限制是320px,大家可以改變瀏覽器的解析度或者通過手機訪問看看效果。基本上在不同解析度下都是差不多的展示效果，而且在手機移動終端下都是100 的撐開。這種響應式的效果，我想應該是最符合現在移動終端多樣化的需求的，如果只是做幾個特別適應的...