眾所周知CSS技術我們雖然很熟悉，在使用的過程卻很容易被困住，這讓我們在新問題出現的時候變得很不利。
隨著web繼續不斷地發展，對于新技術新解決方案的要求也會不斷增長。因此，作為網頁設計師和前端開發人員，我們別無選擇，必須熟悉我們手上的工具，做到知己知彼，這樣才能百戰不殆。
這就意味著有那么些個特別的貨，雖然平常都不怎么會用上，但是一旦某個地方需要它們了，他們就真的是特么得合適不過來了呢。
今兒，我就準備向大伙兒介紹一些你們之前可能很少見過CSS家伙們。他們每個都是度量的單位，類似pixel 和 em 這樣的，但是很有可能你之前從來就沒聽過這些家伙們！就讓我們一起來交個朋友吧~
rem
我們首先介紹下和我們熟悉的很相似的貨。em 被定義為相對于當前對象內文本的字體大小。炒個栗子，如果你給body小哥設置了font-size字體大小，那么body小哥的任何子元素的1em就是等于body設置的font-size。
你看，這里div這娃的字體大小是1.2em。解釋來說，就是他從body爹爹那里繼承的字體大小（這里是14px）的1.2倍，結果就是16.8px。
但是，如果你用em一層一層級聯得定義嵌套元素的字體大小又會花生什么事情呢？在下面這一小段代碼里我們應用了和上面一樣一樣的CSS，每一個div都從它上一級父元素繼承了字體大小，并且逐漸得增加。
雖然在某些地方這正是我們想要的，但是通常情況下我們還是希望就依賴單一的相對度量單位就好。這時候嘛，我們就可以使用 rem 了。 ‘r’是“root”的縮寫，意思就是1rem等于根元素的字體大小；大部分情況下，根元素就是<html>元素了。
這樣在上面的那三個嵌套的div娃們的字體大小都是 1.2*14px = 16.8px 了。
新聞熱點
疑難解答
