基于容器宽度的CSS文本大小？

Question

是否可以在CSS中设置文本大小以使其调整为容器宽度？

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

Answer 1

您可以使用视口单元而不是像素，点或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 。