如何使font-size适应div-size？

Question

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

所以我的结论是，当文本短的时候，字体要大一些，文本长的时候，字体要小一些。

从来没有尝试过这样的事情，怎么做到呢？

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

Answer 1

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

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

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

Answer 2

有许多插件可能适用于这一点。其中一个是here。

Answer 3

jQuery可能是这里最简单的选择。如果font-size高于某个值，您可以使用css函数更改框的height？看看this fiddle (我已经在Chrome上测试过了)。

$(function() {
    $('.text').each(function() {
       if($(this).height() > 30)
           $(this).css('font-size', '12px');
    }); 
});