Уменьшение размера шрифта при переполнении ширины Div

Question

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

Мой сайт http://script-timer.com/, и я пытаюсь уменьшить шрифт таймера, когда он переполняет свой контейнер div. Вот Javascript я в настоящее время работаю над для достижения этой цели:

$(document).ready(function() { 
    while($('#scriptTime').width() > $('#timer-container').width()) { 
     $('#scriptTime').css('font-size', (parseInt($('#scriptTime').css('font-size')) - 1) + "rem"); 
    } 
}); 

Это выглядит как право на меня, но, будучи, как я очень все еще учусь, я, скорее всего, не хватает что-то простое. Есть ли лучший способ сделать это? Спасибо за помощь!

Answer 1

Вот ссылка на плагин: https://plugins.jquery.com/textfill/ И ссылка на источник: http://jquery-textfill.github.io/

или

добавить это в методе CSS

переполнения: авто;