前端css文字自适应问题

Question

实现文字大小随容器大小变化，除了css计算，有没有直接实现的属性值？

Answer 1

CSS 提供了一个可以直接实现文字大小随容器大小变化的属性值：vw 和 vh。

vw (Viewport Width) 单位表示文字大小相对于当前视口宽度的百分比，例如：font-size: 5vw 表示文字大小为当前视口宽度的 5%。

vh (Viewport Height) 单位表示文字大小相对于当前视口高度的百分比，例如：font-size: 2.5vh 表示文字大小为当前视口高度的 2.5%。

你可以根据需要选择使用 vw 或 vh 单位，来实现文字大小随容器大小变化的效果。