自动调整字体大小以适应容器

【问题标题】：Automatically adjusting font size to fit container自动调整字体大小以适应容器
【发布时间】：2012-08-10 15:20:24
【问题描述】：

我为div 定义了宽度固定的样式，div 中的文本可以有不同的长度，例如this example。是否有任何方法使用 CSS 和/或 JS 来调整文本大小，使其保持在容器的范围内？

【问题讨论】：

标签： javascript html css font-size adjustment

【解决方案1】：

这可能对你有用，试试这个

var originalFontSize = 12;

var divWidth = $('.cell').width();

$('.cell span').each(function(){

    var spanWidth = $(this).width();

    var newFontSize = (divWidth/spanWidth) * originalFontSize;

    $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/1.2 + "px"});

});

【讨论】：

正要发布类似的内容，但您的解决方案更有效。缺点是没有阈值，veeeeeery looooooong text 变得难以辨认。