rem這個新網頁設計單位具體是怎樣的?

01-05

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */

「rem」是指根元素（root element）的字體大小，那麼它的優點也就是不會隨著父元素的字體大小變化而變化了，減少了父子元素之間字體大小計算的複雜程度。

使用「rem」的目的就是讓用戶可以在瀏覽器設置中可以自定義字體的大小，注意，不是指網頁縮放功能。例如 Chrome 中的設置：

這樣可以照顧視力比較差的用戶，比如老年用戶等。幾乎大部分瀏覽器出奇的一致，根元素 html 的默認字體大小都是 16px，那麼為了方便計算，我們把這個單位變為10，也就是 10÷16=62.5%。那麼其他元素在設置字體大小時是這樣的：

h1 {
font-size: 24px;

font-size: 2.4rem; /* 24÷10=2.4 */
}

「rem」的兼容情況如下Can I use... Support tables for HTML5, CSS3, etc：

為了兼容其他不支持「rem」的瀏覽器，我們需要同時設置 px 為單位的字體大小。

最新的規範地址在這裡：CSS Values and Units Module Level 3

現在我們可以大膽使用這個單位了，Cool！

更多請看《響應式十日談第一日：使用 rem 設置文字大小》

聽到您這麼說之後我就在我的網頁上面測試了一下，發現opera的不能很好地支持。其他瀏覽器上則可以，但是對於rem的優勢，在摸索中。因為此前em也用得比較少，現在真的要開始研究細節了。看您的微博學到很多東西。

rem 的全名叫root em，她的特點是彌補了一些em的不足，比如我們list裡面有list，而且你是使用em的話，數學會很複雜，而rem她則不會。目前ie9, ff, chrome, safari都有很好的支持，對於ie6-ie8，就可以用我上面的css代碼－先px的值，再用rem值，這樣可以兩全奇美。建議大家看這個http://www.w3.org/TR/css3-values/

chrome下面最小字體為12px，使用62.5是不生效的，就是為了這個搜索過來的

最小12px 然並