CSS3中新的字體單位rem
前段時間無意中在wordpress主題中接觸到一種字體單位rem,當時我就很好奇,畢竟以前沒有見過,于是我馬上查找資料,并測試了一回.

眾所周知在web中有很多字體單位(font-size)較常見的有em,px,讓我們對比一下這兩種單位:

px是絕對值,準確而穩定.但是它的改變會影響頁面布局.
em是相對值,它以父元素的大小為基準單位,來計算大小.所以很難把握.
考慮到這么多字體單位的優缺點,在CSS3中rem誕生了.rem也是相對單位(rem=root em)很明顯rem是由em變化而來,或者說rem是em的升級版,具體來歷.我們就不要去追究了,從字體表面上看,它就是這么回事.

root em,就是相對于根目錄的em而不是相對于父元素,也就是說,它雖然是絕對值,但是只是相對于根目錄來說也就是html,它不會隨著其它元素的改變而改變.也就是說,我們只要設定html的文字大小就可以了.而不用考慮其它因素.

而且他還具有非常好的支持Chrome,Firefox,Safari,Opera,IE9+.IE6,7,8就只能使用px或者em了.

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表