Javascript 如何增加div中文本的大小

我在一个容器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); 

---

这里有一个例子，我的意思是，你可能需要搞乱计算，虽然包括一些高度，但现在你可以有一个小的高度，但一个大的文本不完全适合在框中

---

编辑 比如：

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

---

您将需要修改css并基本更改字体大小。您可以在Resizeable中的回调函数上执行此操作。至于你想调整它的大小，我不知道。你需要弄清楚那部分。可能会计算面积并按百分比增加大小？在此对象中，是用户选择的div id$（$（'#'+objid））。可调整大小（{resize:function（event，ui）{…}但这不是执行的，请验证它…或者给我一个添加回调函数的示例}）；当然，我在下面添加了一个JSFIDLE脚本作为答案。谢谢matt。我想对（“.selector”）进行更多的计算。我应该用我的身份证来代替这个。是的，有点。在显示resizeable的代码中，需要添加resize回调函数。我用你的部分代码对我的答案进行了编辑。我添加了这个功能，但它不能正常工作。任何人都可以对它进行改进吗？我在回调函数start:function（event，ui）{ini_text_size_width=$（this）.width（）；}，调整大小：函数（事件，ui）{fin_text_size_width=（$（this）.width（）/ini_text_size_width）；$（this.css（“字体大小”），（parseInt（$（this）.css（“字体大小”）+（fin_text_size_width））+“pt”）}）@ManojG，你能提出一个新问题吗。我真的不知道它有什么问题，用那种格式。

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