Javascript 如何调整文本大小以适应容器

这是我目前的方法，但问题是，我需要添加10px，使文本看起来是一个像样的大小，因为他们出来真的很小，这不是超级大的较小的字体大小

HTML

---

有人知道更好的方法吗？文本是动态的，所以如果只是少量文本，我不想让字体变小，只要文本不合适。

有什么原因不能通过CSS更改字体大小

如果问题是小文本，我会在CSS中添加一个媒体查询来更改字体大小

。章节标题{
字号：18px；
}
@媒体屏幕和屏幕（最大宽度：768px）{
.章节标题{
字体大小：24px；
}
}

您可以根据CSS和@media size调整字体大小。在大/小显示器上或在某些特定的应用程序UI/场景中，字体是否太小？我不太明白您在这里想要什么。你只想在小屏幕上的文本的px字体大小上加10？我需要它确实取决于字符的数量，文本是动态的

<div class="chapter-title"> text goes here </div>

    var chapterTitle = this.$('.chapter-title');
    var fontSize = chapterTitle.css("font-size");
    var charCount = chapterTitle.text().replace(/ /g,'').length;

    fontSize = (chapterTitle.width()/charCount) + 10;
    chapterTitle.css('font-size', fontSize)