基于容器宽度的CSS Textsize？答案

【问题标题】：CSS Textsize based on Container Width?基于容器宽度的CSS Textsize？
【发布时间】：2014-01-05 11:05:37
【问题描述】：

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

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

【问题讨论】：

【解决方案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。

【讨论】：