如何自动缩放字体大小以适合div的内容？

Question

我有一个带有一些文字的div:

<div style="white-space:nowrap;overflow:none;width:50px;">
  With some text in it
</div>

如何缩放文本的字体大小以使所有文本都可见？

Answer 1

反之亦然。您可以将文本包装在内部 DIV 中，并使用 JavaScript 测量其宽度。测试该宽度是否比父 DIV 宽。获取当前字体大小，并逐渐向下移动 1px，直到内部 DIV 的宽度小于或等于外部 DIV 的宽度。