サイズ変更可能なdiv内でのテキストとその適切なサイズの調整方法..？

Question

私はresizable divのテキストを持っています。 divのサイズを変更すると、最後の行のテキストがdivから外に出ます。適切なフォントサイズを維持してresizable div内のすべてのテキストを合わせる方法

サンプルコード画像の下

resize: function(e, ui) 
{ 
    var newDiagonal = getContentDiagonal(); 
    var ratio = newDiagonal/initDiagonal; 

    $("#content").css("font-size", initFontSize + ratio * 3); 
} 

問題

コードJsfiddleでlinkを示して...！

Answer 1

答えは実際にはとても簡単です。私はあなたのフィドルに次のなかったことを見た：

#content { font-size: 16; overflow: hidden; } 

代わりの#contentのためのあなたのCSSへのオーバーフローを適用し、私は次のように適用され、それはウィジェットのヘッダとコンテンツの両方のために働い：

#resizeable { width: 150px; height: 150px; overflow: hidden; } 

オーバーフローが正しく機能するように注意するには、デフォルトでdiv要素が既に存在するブロックレベルの要素が必要です。また、持っている高さの値も指定する必要があります。この回答はお役に立ちましたか？