Javascript 如何通过使用jQuery调整div的大小来调整div的字体大小？

大家好，有人能帮我吗？ 通过使用此代码，我的字体大小将超过父div的大小

这里

其中'divid'是父div，其中存在子div以触发字体大小调整事件，但我不希望字体大小超出父div，文本也不会隐藏

---

你能帮我一下吗？

试着用

10

除以

width1

和

height1

。当然，你可以尝试一些更复杂的东西，但这似乎效果不错。我制作了一个小演示

---

（还请注意，您可以通过传递对象将

ui.element.css

调用组合成一个调用。）

只需尝试将

width1

和

height1

除以

10即可。当然，你可以尝试一些更复杂的东西，但这似乎效果不错。我制作了一个小演示

（还请注意，您可以通过传递对象将
ui.element.css
调用组合成一个调用。）

$(divid).resizable({
            maxHeight: parseInt(200),
            maxWidth: parseInt(180),
            resize: function(event, ui) {

                var width1 = parseInt(ui.element.css('width'));
                var height1 = parseInt(ui.element.css('height'));

                ui.element.css({'font-size': width1+'px'});
                ui.element.css({'line-height': height1+'px'});
            }
});

$(divid).resizable({
    maxHeight: parseInt(200),
    maxWidth: parseInt(180),
    resize: function(evt, ui) {        
        var width1 = parseInt(ui.element.css('width')),
            height1 = parseInt(ui.element.css('height'));
        ui.element.css({
            'font-size': (width1/10)+'px',
            'line-height': (height1/10)+'px'
        });
    }
});