前端開發中的長度單位詳解

2021-08-27 05:52:33 字數 474 閱讀 9417

在前端開發中,會遇到各種不同型別的長度單位,比如px,em,rem等。

而整體的長度單位分為兩大類:相對長度絕對長度

絕對長度單位是乙個固定的值,它反應乙個真實的物理尺寸。絕對長度單位視輸出介質而定,不依賴於環境(顯示器、解析度、作業系統等)。

相對長度都有乙個基準

其中,px,em和rem用的較多。

需要注意的是:px 的最小單位是1,所以小數的度量沒有意義。

em和rem是用來適配不同螢幕的,最終也會換算成px來進行布局因此對於精確度沒有限制,

不同的是:

前端開發中的CSS的長度單位em px ex

px 畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。em 是相對長度單位,相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。ex 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺寸...

前端開發中的單位

1.畫素 1 在前端開發中視口的水平方向和垂直方向都是由很多個小方格組成的,乙個小方格就是乙個畫素,例如div的尺寸是100 100,那麼水平方向就占用100個小方格,垂直方向也占用100個小方格 2 畫素的特點 畫素的大小不會隨著視口的變化而變化,畫素是乙個固定的單位 絕對單位 2.百分比 1 百...

web開發中的長度單位

1 長度單位包括哪些?長度單位 例如,厘公尺 公釐 英吋。還有畫素 px 元素的字型高度 em 字母x的高度 ex 百分比 等這些單位,可以將它們歸結為兩大類別 第一類,就是絕對長度單位 第二類,就是相對長度單位。2 絕對長度單位 絕對長度單位,它就是乙個固定的值,乙個真實的物理值,它不隨裝置或者受...