CSS3新的字型尺寸單位rem

css3引入新的字型尺寸單位 rem ，可以簡單記憶為root rm。

css3的出現，他同時引進了一些新的單位，包括我們今天所說的rem。在w3c官網上

是這樣描述rem的——「font size of the root element」 。下面我們就一起來詳細的

了解rem。

em單位是相對于父節點的font-size，會有一些組合的問題，而rem是相對於根節點

(或者是html節點)，意思就是說你可以在html節點定義乙個單獨的字型大小，然後所

有其他元素使用rem相對於這個字型的百分比進行設定，這樣就意味著，我們只需要在

根元素確定乙個參考值，在根元素中設定多大的字型，這完全可以根據您自己的需，大

我們來看乙個簡單的**例項：

html 

body 
h1 

計算，如果沒有設定，將是以「16px」為基準 )。從上面的計算結果，我們使用

「rem」就像使用「px」一樣的方便，而且同時解決了「px」和「em」兩者不同之處。

瀏覽器的相容性

rem是css3新引進來的乙個度量單位，大家心裡肯定會覺得心灰意冷呀，擔心瀏覽器的

是可憐的ie6-8不支援。

不過使用單位設定字型，可不能完全不考慮ie了，如果你想使用這個rem，但也想相容

ie下的效果，可你可考慮「px」和「rem」一起使用，用」px」來實現ie6-8下的效果，然

後使用「rem」來實現代瀏覽器的效果。

css3 中的尺寸單位

1 em 它是我們常用的，經常用在字的大小上。它是大小是相對於父級的大小。1em 父級px 2 百分比 指的是相對於父級的，在定義標籤的width時會用 3 rem 它是em的增強版，ie9 它相對於根html來設定大小。不會像em，依賴於父級大小。一般都是 html 原因 頁面預設的大小是16px...

CSS3教程 相對單位rem詳解

css3新增了乙個相對單位rem root em，根em 這個單位引起了廣泛關注。這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。css3新增了乙個相對單位rem root em，根em 這個單位引起了廣泛關注。這個單位與em有什麼區別...

CSS尺寸和字型單位 em px還是

在頁面整體布局中，頁面元素的尺寸大小 長度 寬度 內外邊距等 和頁面字型的大小也是重要的工作之一。乙個合理設定，則會讓頁面看起來層次分明，重點鮮明，賞心悅目。反之，乙個不友好的頁面尺寸和字型大小設定，則會增加頁面的複雜性，增加使用者對頁面理解的複雜性 甚至在當下訪問終端 iphone ipad pc...