希望这可以仅在 CSS 而不是 javascript+css 中完成。
我想要实现的是说我有一个固定宽度为 100px 的容器。它不能小于或大于 100 像素。我在这个容器中有文本，我希望它总是在一行上（nowrap），如果文本太长，它会缩放字体以适应容器。
这可能吗？我尝试使用空格设置宽度并设置字体大小：100％：nowrap。它并不完全有效。字体缩放但不足以留在框中。使用溢出：隐藏不会起作用，因为它会切断我不想要的文本。
问问题
3726 次
2 回答
3
我知道这已经晚了 4 年，（这是为后来搜索这个问题的人准备的，因为这是我在谷歌上的第一次点击）但我能够用{font-size: _vw}做一些小工作。我不确定这是否是当时的情况。但就我个人而言，我设置了我的文本的 vw（经过一些试验和错误）来找到我需要的大小并坚持下去。它现在可以完美扩展。我想如果文本变得太小，您可能会遇到非常大的屏幕和移动设备的问题。但是仅使用那一行 CSS，它就完全适合我。
于 2017-06-14T23:53:20.053 回答
1
不，实际上不可能根据“容器宽度和容器中有多少字符”计算的可用空间来缩放字体大小，只有 .css
于 2013-05-03T14:47:26.803 回答