自动调整容器的字体大小，使文本只有一行但占据整个容器宽度（仅限 CSS）

Question

假设我有一个文本容器，是否可以自动调整字体，使里面的文本恰好适合一行并占据整个容器宽度而不溢出？仅使用 CSS。

假设我有一个并且我将字体大小设置为自动，并且自动执行了我之前描述的操作。

Answer 1

文本长度是固定的吗？如果是这样，您可以将字体大小设置为视图宽度的一部分。需要一些反复试验才能获得准确的值。

类似这样的：

a#fill-window {
    font-size: .5vw;
}

对于动态文本长度，情况会稍微复杂一些；我不知道不使用 JavaScript 的方法。也许是 calc() 函数？

相关： https://www.w3schools.com/cssref/css_units.php https://www.w3schools.com/css/css_math_functions.asp