首頁(yè)技術(shù)文章正文

px em rem這三者有什不同?

更新時(shí)間:2020-09-10 來源:黑馬程序員 瀏覽量:

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。


猜你喜歡:

Display、Visibility 和 Overflow有什么區(qū)別?

HTML5增加了哪些功能?有什么優(yōu)勢(shì)?

JavaScript引入方式有哪些?

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!