Почему этот код JavaScript для увеличения размера шрифта работает в Firefox, а не в Chrome?

Question

Я использую этот код javascript для увеличения размера шрифта текста в диапазоне, чтобы он заполнял родительский элемент div.

    function maximise_font(the_span, the_div, the_fontsize) {
        var fontSize = the_fontsize;                    
        var ourText = the_span;
        var maxHeight = the_div.height();
        var maxWidth = the_div.width();
        var textHeight;
        var textWidth;
        do {
            ourText.css('font-size', fontSize);
            textHeight = ourText.height();
            textWidth = ourText.width();
            fontSize = fontSize - 1;
        } while (textHeight > maxHeight || textWidth > maxWidth && fontSize > 3);   
    }

Отлично работает в Firefox, но не в Chrome. В Chrome внутренний цикл выполняется столько же раз, сколько и в Firefox, но размер шрифта не меняется вообще. Почему это так?

Answer 1

Предполагая, что ourText является объектом jQuery, похоже, эта строка является вашей проблемой:

ourText.css('font-size', fontSize);

Вам необходимо указать тип блока:

ourText.css('font-size', fontSize + "px");

Я предполагаю, что Firefoxпросто делает некоторые предположения для вас.

Answer 2

Можете ли вы показать, как выглядит ваш HTML?Я тестирую его здесь, и он отлично работает как для Firefox, так и для Chrome.