絕對單位：px in cm mm

相對單位：em rem pt pc ex ch

百分比單位：vw vh vm %

有個(gè)大致的概念時(shí)候下面主要是px,em,rem的內(nèi)容

px像素（Pixel）。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。任意瀏覽器的默認(rèn)字體高是16px。

所有未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px。10px=0.625em。

為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em

PX特點(diǎn)

1. IE無法調(diào)整那些使用px作為單位的字體大??；

2. 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位；

3. Firefox能夠調(diào)整px和em，rem，但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)。

em是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認(rèn)字體尺寸。

EM特點(diǎn)

1. em的值并不是固定的；

2. em會繼承父級元素的字體大小。

rem是CSS3新增的一個(gè)相對單位（root em，根em）

使用rem為元素設(shè)定字體大小時(shí)，仍然是相對大小，但相對的只是HTML根元素。

但是他和em不同的他是繼承自根結(jié)點(diǎn)，不繼承父元素，所以不會出現(xiàn)上面使用em出現(xiàn)的問題。rem用于響應(yīng)式設(shè)計(jì)通過改變根元素html的字體大小一個(gè)值就修改了整個(gè)頁面的各種寬度大小

這個(gè)單位可謂集相對大小和絕對大小的優(yōu)點(diǎn)于一身，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。目前，除了IE8及更早版本外，所有瀏覽器均已支持rem。對于不支持它的瀏覽器，應(yīng)對方法也很簡單，就是多寫一個(gè)絕對單位的聲明。這些瀏覽器會忽略用rem設(shè)定的字體大小。

?根元素設(shè)置字體大小10px，一個(gè)容器里正文想用14px，容器就設(shè)1.4rem， ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?標(biāo)題想要20px，那么就設(shè)2rem。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?使用em，就要算，20/14=1.4em，如果用2em，就變成28px了。

參考來源：http://web.300176.net/css/63069315455312668303.html ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? http://www.cnblogs.com/luckythan/articles/4523123.html