在CSS中,ex是一个相对单位,指的是小写字母x的高度。
p { font-size: 20px; line-height: 1.5ex; }
这段代码表示段落的字号为20像素,行高为1.5倍的小写字母x的高度。如果x的高度是10像素,那么这段文本的行高就是15像素。
ex单位的大小是相对的,它取决于当前字体的大小和样式。如果字体的大小发生变化,那么ex单位的大小也会相应地改变。因此,使用ex单位会让页面具备更好的可伸缩性和适应性。
比如,在以下代码中,字体大小为24像素,行高为2.5倍的小写字母x的高度,这就意味着每行的高度为60像素。
h1 { font-size: 24px; line-height: 2.5ex; }
总之,ex是CSS中一个有用的相对单位,可以帮助我们创建具有更好适应性的网页。