javascript - CSS Textsize 基于容器宽度？

Question

是否可以在 CSS 中设置文本大小，使其适应容器宽度？

我为此举了一个例子。左侧容器较小，因此字体大小应小于右侧容器的字体大小。我知道这是如何用 JavaScript 完成的，但是我也可以用纯 CSS 完成吗？

Answer 1

您可以使用视口(viewport)单位代替像素、点或em。这是一个 CSS3 属性。

1vw: 1% of viewport width
1vh: 1% of viewport height
1vmin: 1vw or 1vh, whatever is smallest
1vmax: 1vw or 1vh, whatever is largest

更多信息 here 。