在 CSS 中,可以使用 EM 单位来指定字体大小和元素尺寸。EM 单位是相对于元素的字体大小而言的,因此可以用来创建响应式网页设计。
要设置一个元素的字体大小为 2.5 倍其父元素的字体大小,可以使用以下代码:
font-size: 2.5em;
如果想要将元素的宽度设置为其父元素的 50%,并且以该元素的字体大小作为参考,则可以使用以下代码:
width: 50em;
请注意,EM 单位的值会继承自父元素,在嵌套元素中可能会导致尺寸从上级节点传递下来并累加。因此,在编写 CSS 样式时,需要谨慎考虑 EM 单位的使用。
此外,还可以使用 REM(根元素 em)单位来指定相对于文档根元素的字体大小,这样可以避免 EM 嵌套带来的问题。要设置一个元素的字体大小为根元素字体大小的 2.5 倍,可以使用以下代码:
font-size: 2.5rem;
建议学习者掌握好这两种单位的区别和用法,并在实际的前端开发中灵活应用。