css如何让子级字体大小适应父级高度
时间: 2023-10-18 10:14:47 浏览: 124
子元素div高度不确定时父div高度如何自适应
可以使用`vh`或者`em`单位来让子级字体大小适应父级高度。
使用`vh`单位,可以将子级字体大小设置为父级高度的百分比。例如,如果父级高度为100px,可以将子级字体大小设置为`5vh`,这样子级字体大小就是父级高度的5%。
使用`em`单位,可以将子级字体大小设置为父级字体大小的倍数。例如,如果父级字体大小为16px,可以将子级字体大小设置为`0.5em`,这样子级字体大小就是父级字体大小的一半。
以下是示例代码:
```css
.parent {
height: 100px;
font-size: 16px;
}
.child {
font-size: 5vh; /* 或者 font-size: 0.5em; */
}
```
阅读全文