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

Question

我有一个div固定宽度的定义样式，里面的文本div可以有不同的长度，就像在这个例子中一样。是否有任何方法使用 CSS 和/或 JS 来调整文本大小，使其保持在容器的范围内？

Answer 1

this may work for you, try this

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"});

});​