css3新增了乙個相對單位rem（root em，根em），這個單位引起了廣泛關注。這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。
css3新增了乙個相對單位rem（root em，根em），這個單位引起了廣泛關注。這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html 根元素。這個單位可謂集相對大小和絕對大小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反 應。目前，除了ie8及更早版本外，所有瀏覽器均已支援rem。對於不支援它的瀏覽器，應對方法也很簡單，就是多寫乙個絕對單位的宣告。這些瀏覽器會忽略 用rem設定的字型大小。
css3的出現，他同時引進了一些新的屬性，包括我們今天所說的rem。在w3c官網上是這樣描述rem的——「font size of the root element」 。
em單位是相對于父節點的font-size，會有一些組合的問題，而rem是相對於根節點（或者是html節點），也就是說你可以在html節點 定義乙個單獨的字型大小，然後所有其他元素使用rem相對於這個字型的百分比進行設定，這樣就意味著，我們只需要在根元素確定乙個參考值，在根元素中設定 多大的字型，這完全可以根據您自己的需.
例子:html body h1 p /*ie8及之前版本的ie瀏覽器使用14畫素*/
根元素中定義了乙個基本字型大小為62.5%（也就是10px。設定這個值主要方便計算，如果沒有設定，將是以「16px」為基準 ）。
從上面的計算結果，我們使用「rem尺寸字型」就像使用「px尺寸字型」一樣的方便。
在使用者使用「檢視 > 文字大小」選單調整網頁文字大小的時候，ie9及更早版本只能縮放以相對單位設定的文字（使用畫素之類的絕對單位設定的文字無法縮放）。換句話說，使用 rem單位在ie7和ie6中存在乙個小小的***，那就是這些瀏覽器的使用者必須使用「檢視 > 縮放」來調整整個頁面的大小。當然，這也算乙個應該公升級到現代瀏覽器的原因吧。
CSS3中REM使用詳解
在頁面中設定字型，我們知道有常見的兩種，px 和 em.在web頁面製作中，我們一般使用 px 來設定我們的文字，因為他比較穩定和精確。但是這種方法存在乙個問題，當使用者在瀏覽器中瀏覽我們製作的web頁面時，他改變了瀏覽器的字型大小 雖然一般人不會去改變瀏覽器字型大小 這時會使用我們的web頁面布局...
CSS3中REM使用詳解
在頁面中設定字型，我們知道有常見的兩種，px 和 em.在web頁面製作中，我們一般使用 px 來設定我們的文字，因為他比較穩定和精確。但是這種方法存在乙個問題，當使用者在瀏覽器中瀏覽我們製作的web頁面時，他改變了瀏覽器的字型大小 雖然一般人不會去改變瀏覽器字型大小 這時會使用我們的web頁面布局...
CSS3新的字型尺寸單位rem
css3引入新的字型尺寸單位 rem 可以簡單記憶為root rm。css3的出現，他同時引進了一些新的單位，包括我們今天所說的rem。在w3c官網上 是這樣描述rem的 font size of the root element 下面我們就一起來詳細的 了解rem。em單位是相對于父節點的font...