宽度溢出时减小字体大小Div

Decreasing Font Size When Width Overflows Div

本文关键字：字体 Div 溢出      更新时间：2023-09-26

我相信我的问题是唯一的，因为我使用的计数器的宽度可以不断增加，而不是容器宽度的变化，这似乎是通常会问的问题。

我的网站是http://script-timer.com/，并且当计时器溢出其容器div时，我正试图减少计时器的字体

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

这在我看来是正确的，但由于我仍在学习，我很可能错过了一些简单的东西。有更好的方法来实现这一点吗？谢谢你的帮助！

这里有一个插件链接：https://plugins.jquery.com/textfill/以及指向来源的链接：http://jquery-textfill.github.io/

或

在css方法中添加此

溢出：自动；

相关文章：