当宽度溢出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方法中添加

溢出：自动;