javascript - 如何使字体大小适应 div 大小？

Question

有一个具有固定高度和宽度的 div。这个 div 包含动态内容，text-content。如果文本变得太长，它会“爆炸” div。当文本变得太短时，div 看起来有点空。

所以我的结论是，当文本较短时字体变大，当文本较长时字体变小。

从来没有尝试过这样的事情，如何实现？

€:因为我已经在使用 dojo 作为 js 框架，包括 jquery 或任何其他框架是没有选择的。当然还是感谢您的回答。

Answer 1

在您的 DIV 中创建另一个元素并添加文本。

将 DIV 的宽度除以元素，乘以 100 就得到了 css font-size 的百分比值。

不过，您必须调整外部 DIV 上的字体大小以获得合适的尺寸。