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

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