javascript - コンテナに合わせてフォントサイズを自動的に調整

Question

div私は固定幅で定義されたスタイルを持っており、この例divのように、内部のテキストは異なる長さを持つことができます。CSSやJSを使用して、コンテナの境界内にとどまるようにテキストサイズを調整する方法はありますか？

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

});​