CSS 字体自适应大小：em、rem、vw、vh 单位详解

在 CSS 中，可以通过使用相对单位来实现字体大小的自适应，如使用 'em'、'rem'、'vw'、'vh' 等单位。以下是一些常用的方法：

1. 使用 'em' 单位

'em' 是相对于父元素字体大小的单位，可以根据父元素的字体大小进行缩放。

例如，如果父元素的字体大小为 16px，子元素使用 1.5em 的字体大小，则子元素的字体大小为 24px（1.5 * 16px）。

2. 使用 'rem' 单位

'rem' 是相对于根元素字体大小的单位，通常情况下根元素即为 'html' 元素。

例如，如果根元素的字体大小为 16px，子元素使用 1.5rem 的字体大小，则子元素的字体大小为 24px（1.5 * 16px）。

3. 使用 'vw' 和 'vh' 单位

'vw' 和 'vh' 是相对于视口宽度和高度的单位，可以根据视口的大小进行缩放。

例如，如果视口宽度为 1000px，子元素使用 5vw 的字体大小，则子元素的字体大小为 50px（5% * 1000px）。

综上所述，可以根据实际需求选择合适的相对单位来实现字体大小的自适应。