之前以為em單位只是在font-size中起到繼承作用,
後來慢慢覺得,繼承,應該是在幾乎所有樣式中都可以是實現的,比如height,width,border...
今天才簡單測試了下,果真是可以實現,不過,只是要基於font-size的一併出現而已!
也就是說,想height等樣式也應用上em的繼承相對大小,必須在父節點中應用font-size的值!
**片段如下:(可把emdiv類中的font-size注釋來對比看看效果...)
>css測試
title
>
<
style
>
.emdiv
.heightemdiv1, .heightemdiv2
.heightemdiv1
.heightemdiv2
style
>
head
>
<
body
>
<
div
class
="emdiv"
>
<
div
class
="heightemdiv1"
>
111
<
div
class
="heightemdiv2"
>
222
div>
div>
div>
body
>
html
>
CSS 的相對單位 em 與 ex
相對單位之所以得名,是因為它們是根據與其他事物的關係來度量的,共有3種相對長度單位 em ex和px。前兩個單位代表em height和x height,這是常用的印刷度量單位。而 px 代表 畫素 這個值被定義為相對單位,因為它取決於顯示裝置的解析度。em在 css 中,em 定義為一種給定字型的...
CSS 單位 絕對單位 相對單位
我們對單位很熟悉,比如說,千克,千公尺,公尺等,這些就是絕對單位,我們又有聽到太陽的質量等於33個地球,這個就是相對單位。在css中,單位也可以分為這兩類。在第二個box裡,300px的小框跟上面的框的300px一樣長,而第二個框裡面的50 跟第乙個框的50 為不一樣,這個就很好的解釋了相對單位和絕...
CSS中的em單位
css中有眾多單位,常用的px是絕對單位,em則是相對單位。在響應式和移動端的大前提下,使用em能夠更方便快捷的一次性調整web文件極其html元素的字型大小 寬度 邊距 邊框等一系列屬性,可以說在某些方面,使用em作為單位比px更靈活。em是css中的乙個相對單位,它的單位長度是根據元素的文字垂直...