在CSS中,ex是一個相對單位,指的是小寫字母x的高度。
p { font-size: 20px; line-height: 1.5ex; }
這段代碼表示段落的字號為20像素,行高為1.5倍的小寫字母x的高度。如果x的高度是10像素,那么這段文本的行高就是15像素。
ex單位的大小是相對的,它取決于當前字體的大小和樣式。如果字體的大小發(fā)生變化,那么ex單位的大小也會相應地改變。因此,使用ex單位會讓頁面具備更好的可伸縮性和適應性。
比如,在以下代碼中,字體大小為24像素,行高為2.5倍的小寫字母x的高度,這就意味著每行的高度為60像素。
h1 { font-size: 24px; line-height: 2.5ex; }
總之,ex是CSS中一個有用的相對單位,可以幫助我們創(chuàng)建具有更好適應性的網(wǎng)頁。