div内のテキストのサイズを増やす方法

Question

コンテナdiv内に複数のダイナミックdivを追加しました。各divにはテキストが含まれています。それはうまく動作します。しかし、jqueryライブラリを使ってdivにサイズ変更可能な機能を追加したとき。 divのサイズを変更することはできますが、テキストサイズは静的です。 divのサイズを大きくするとテキストサイズも大きくなり、逆も同じになります。

以下は、サイズ変更可能な機能を追加して親に追加するためのコードです。

  var div = document.createElement('div'); 
      $(div).attr("id", "dyndiv" + count); 
      objid = "dyndiv" + count ; 
      count++; 
     var $ctrl = $(div).text($('#txttext').val()).addClass("draggable ui-widget-content").draggable({ containment: '#containment-wrapper', cursor: 'move', snap: '#containment-wrapper' }).resizable({ aspectRatio:true, containment: '#containment-wrapper' }); 

      $("#containment-wrapper").append($ctrl); 

Answer 1

私が何を意味するかの相続人の例は、いくつかの方法が今のようあなたが小さな高さが、正確にフィットdoesntの大きなテキストを持つことができ、高さが含まれるようにかかわらず、計算で混乱する必要があるかもしれませんボックス。

http://jsfiddle.net/HpSwu/1/

$(".selector").resizable({ 
    resize: function(event, ui) { 
     newSize = $(this).width()*0.1; 
     $(this).css('font-size', newSize); 
    } 
}); 

---

EDITなどの

何か：あなたは、CSSを変更し、基本的には、フォントサイズを変更する必要があります

var $ctrl = $(div).text($('#txttext').val()) 
      .addClass("draggable ui-widget-content") 
      .draggable({ 
       containment: '#containment-wrapper', 
       cursor: 'move', 
       snap: '#containment-wrapper' }) 
      .resizable({ 
        aspectRatio:true, 
        containment: '#containment-wrapper', 
        resize: function(event, ui) { 
        newSize = $(this).width()*0.1; 
        $(this).css('font-size', newSize); 
        } 
      });