Html 将文本保持在一行并缩放字体

希望这可以在CSS中实现，而不是在javascript+CSS中实现

我试图实现的是，假设我有一个固定宽度为100px的容器。它不能小于或大于100px。我在这个容器中有文本，我希望它现在总是在一行上，如果文本太长，它将缩放字体以适应容器

---

这可能吗？我尝试设置宽度和字体大小：100%，空白：nowrap。这不太管用。字体可缩放，但不足以留在框中。使用overflow:hidden不起作用，因为它会切断我不想要的文本。

否实际上不可能根据“容器宽度和容器中有多少字符”上计算的可用空间来缩放字体大小。css

否实际上不可能根据可用空间来缩放字体大小仅使用.css计算“容器宽度和容器中的字符数”，我知道这已经晚了4年，这是为以后搜索这个问题的人准备的，因为这是我在谷歌上的第一个热门话题，但我能够用{font size:_vw}做一些小的工作。我不确定这是否是当时的情况。但就我个人而言，我通过一点尝试和错误来设置文本的vw，以找到我需要的大小，并坚持使用它。它现在可以完美地伸缩了。我想你可能会遇到大屏幕的问题，如果文本太小，可能会出现移动问题。但是，这一行CSS完全适合我。

我知道这已经晚了4年，这是为后来搜索这个问题的人准备的，因为这是我在谷歌上的第一个热门作品，但我能够用{font size:_vw}做一些小的工作。我不确定这是否是当时的情况。但就我个人而言，我通过一点尝试和错误来设置文本的vw，以找到我需要的大小，并坚持使用它。它现在可以完美地伸缩了。我想你可能会遇到大屏幕的问题，如果文本太小，可能会出现移动问题。但是，只有这一行CSS，它就完全适合我。

响应式字体是网页设计行业最严重的问题之一。希望你能找到答案，因为我真的很想知道！复制我不知道如何在纯CSS中做到这一点，但是->9652 results | |->127 resultsResponsive字体是网页设计行业最严重的问题之一。希望你能找到答案，因为我真的很想知道！复制我不知道如何在纯CSS中执行此操作，但是->9652结果->127结果您可以解释一下| vw？vw=视口宽度的含义。它是px或em等大小单位。@CodyBugstein更多信息可以在MDN上找到-你能解释一下你所说的_vw？vw=视口宽度是什么意思吗。它是像px或em这样的尺寸单位。@CodyBugstein更多信息可以在MDN上找到-