rem、px、em

rem:font size of the root element

指相對於根元素的字體大小的單位。

1rem等於根元素html的font-size，即只須要設置根元素的font-size，其它元素使用rem單位時，設置成相應的百分比便可。

px:相對於顯示器屏幕分辨率而言的相對長度單位。在移動端，由於手機分辨率種類頗多，不可能一個個去適配，這時px就顯得很是無力，因此就要考慮em和rem。

em:是繼承父級的，假設html的font-size默認爲16px，body字體大小定義爲50%，那麼在body裏字體大小就是1em=8px了。當你又定義了一個div，而後把字體設置了50%，

請問，如今div下的1em等於多少？由於繼承了父級的值，如今這個div裏的1em=4px，這麼嵌套下去的話，抱歉，我數學很差！全部rem就出現了。

rem：是em的升級版，rem只會相對html的值，不會受到父級的影響，這樣的好處在於：從em裏的例子來說，1rem始終會等於8px。使用的時候不須要從新計算rem此時的大小。