Как я могу изменить размер шрифта div, изменив размер div с помощью jQuery?

Question

Здравствуйте, каждый может помочь мне, пожалуйста? с помощью этого кода мой размер шрифта становится больше размера родительского div

здесь

$(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' - это родительский div, где дочерний div присутствует для запуска изменения размера шрифта, но я не хочу, чтобы размер шрифта выходил за пределы родительского div, текст также не скрыт ..

не могли бы вы мне помочь ???

Answer 1

Просто попробуйте разделить width1 и height1 на 10. Конечно, есть более сложные вещи, которые вы можете попробовать, но, похоже, это работает очень хорошо. Я поднял небольшую демонстрацию здесь .

$(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'
        });
    }
});

(Также обратите внимание, что вы можете объединить вызовы ui.element.css в один вызов, передав объект.)