教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

px rem em區(qū)別有哪些？各有什么作用？

更新時間:2020年09月10日15時38分 來源:傳智播客 瀏覽次數(shù):

1)px像素(Pixel)。絕對單位。像素 px 是相對于顯示器屏幕分辨率而言的，是一個虛擬長度單位，是計算機系統(tǒng)的數(shù)字化圖像長度單位。

2)em是相對長度單位，相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認(rèn)字體尺寸。它會繼承父級元素的字體大小，因此并不是一個固定的值。

3)rem是CSS3新增的一個相對單位(root em，根 em)，使用 rem 為元素設(shè)定字體大小時，仍然是相對大小，但相對的只是 HTML 根元素。

4)區(qū)別：

IE 無法調(diào)整那些使用 px 作為單位的字體大小，而 em 和 rem 可以縮放，rem相對的只是 HTML 根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。目前，除了 IE8 及更早版本外，所有瀏覽器均已支持 rem。



猜你喜歡：

html中figcaption標(biāo)簽的作用

JavaScript如何創(chuàng)建數(shù)組?

多維數(shù)組是什么?Javascript多維數(shù)組是什么?

什么是HTML，什么是H5?

0 分享到：
和我們在線交談！