Css單位中px、em和rem的區(qū)別？

1）px 像素（Pixel）。絕對單位。像素 px 是相對于顯示器屏幕分辨率而言的，是一
個(gè)虛擬長度單位，是計(jì)算機(jī)系統(tǒng)的數(shù)字化圖像長度單位。
2）em 是相對長度單位，相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字
體尺寸未被人為設(shè)置，則相對于瀏覽器的默認(rèn)字體尺寸。它會(huì)繼承父級元素的字體大小，因
此并不是一個(gè)固定的值。
3）rem 是 CSS3 新增的一個(gè)相對單位（root em，根 em），使用 rem 為元素設(shè)定字
體大小時(shí)，仍然是相對大小，但相對的只是 HTML 根元素。
4）區(qū)別：
IE 無法調(diào)整那些使用 px 作為單位的字體大小，而 em 和 rem 可以縮放，rem
相對的只是 HTML 根元素。這個(gè)單位可謂集相對大小和絕對大小的優(yōu)點(diǎn)于一身，通過它既
可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖
反應(yīng)。目前，除了 IE8 及更早版本外，所有瀏覽器均已支持 rem。
可以多看看黑馬程序員的課程，多學(xué)學(xué)這些基礎(chǔ)知識(shí)。

簡單的說，最基本的單位是px，是根據(jù)屏幕的物理像素進(jìn)行計(jì)算的，如過對于px,rem,em你還有疑問的話，那么暫時(shí)只需要知道px是基本單位就可以了，就是寫多少px屏幕上就顯示多少px。
em是根據(jù)父元素的字體大小來進(jìn)行計(jì)算的，如果父級元素的字體大小為16px，那么其子元素中的屬性值如果設(shè)置為1em的話，此時(shí)1em = 16px。比如在對一段文本添加首行縮進(jìn)的效果時(shí)，一般會(huì)使用text-indent: 2em;這樣的寫法來實(shí)現(xiàn)縮進(jìn)兩個(gè)字符，這樣縮進(jìn)的程度永遠(yuǎn)是和父元素的字號保持一致的，如果text-indent使用的是px，那么如果父元素的字號改變了，縮進(jìn)的程度不會(huì)隨著父元素的字號改變，那么就縮進(jìn)會(huì)有偏差，就不再是兩個(gè)字符了。
rem中的r就是root的意思，指的是根據(jù)根元素的字號大小進(jìn)行計(jì)算的，一個(gè)頁面只有一個(gè)根元素就是，一般在進(jìn)行移動(dòng)端適配的時(shí)候會(huì)用到rem，通過動(dòng)態(tài)的修改根元素的字號，去重新計(jì)算所有子元素的rem單位的值，達(dá)到動(dòng)態(tài)響應(yīng)的效果。