这是我目前的方法,但问题是,我需要添加10px,以使文本看起来像一个像样的大小,因为它们出来真的很小,这在较小的字体大小上并不是特别好。
HTML
<div class="chapter-title"> text goes here </div>
调整大小时调用的JS函数
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)
有没有人知道更好的方法呢?文本是动态的,所以如果只有少量的文本,我不想让字体变小,只有在文本不适合的情况下。
https://stackoverflow.com/questions/51643221
复制相似问题