rem（font size of the root element）是指相對于根元素的字型大小的機關。簡單的說它就是一個相對機關。看到rem大家一定會想起em機關，em（font size of the element）是指相對于父元素的字型大小的機關。它們之間其實很相似，隻不過一個計算的規則是依賴根元素一個是依賴父元素計算。
網頁中的根元素指的是html我們通過設定html的字型大小就可以控制rem的大小。
上面代碼結果按鈕大小如下圖：
以上是頁面布局和js動态計算html font-size小心的代碼，頁面元素大小都用rem機關進行設定，當然有的元素寬度可以用百分比進行設定，大家可以參照demo進行學習。
2017-09-28 更新
*上面所寫的方法中，根據手機螢幕的寬度用js動态給html指派font-size的方法可以用 font-size:62.5%;和@media進行替代。能夠達到同樣的效果，同時也減少了代碼量。如下：
通過@media 媒體查詢屬性來動态給html指派。效果如下
