在CSS中,em和ex是兩個常見的單位,它們用于編寫字體大小、邊距、內填充等屬性。這里我們主要解釋什么是ex。
ex是一個相對單位,指的是當前字體的字母"x"的高度。也就是說,使用ex作為單位可以確定一個元素的高度、寬度等屬性,并且相對于字體大小而言,更加靈活。
相比之下,em是相對于當前元素字體的高度而言的。
.box { width: 20em; height: 2.5ex; font-size: 14px; border: 1px solid gray; }
在這個例子中,一個寬度為20倍當前字體大小的元素,高度相當于2.5個"x"字母的高度。這使得元素在不同字體大小下可以自動適應,并且不會因為字體大小改變而產生變形等視覺錯誤。
總之,ex是一個有用的單位,可以用于在不同字體大小、不同設備上設計響應式的網頁布局。