比如,在下面的代码中,大家设置了html元素的字体大小为16px,那么20em就相当于320px。
html { font-size: 16px; } .element { width: 20em; }
当然,20em也不一定只是相对于元素字体大小的20倍。如果大家将父元素的字体大小设置为16px,那么子元素中的20em就相当于320px。
.parent { font-size: 16px; } .child { width: 20em; }
当然,20em也可以用来设置其他属性,比如行高、文字间距等等。只需要将具体的属性值设置为20em即可。
需要注意的是,20em表示的大小可能会受到浏览器默认字体大小的影响。所以在使用20em时,最好给父元素和子元素都设置一个统一的字体大小。