如何调整文本大小以适应容器
如何调整文本大小以适应容器
提问于 2018-08-02 06:44:47
这是我目前的方法，但问题是，我需要添加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)有没有人知道更好的方法呢？文本是动态的，所以如果只有少量的文本，我不想让字体变小，只有在文本不适合的情况下。
回答 1
Stack Overflow用户
发布于 2018-08-02 06:51:10
为什么你不能通过CSS改变字体大小呢？
如果问题是针对小文本，我会在CSS中添加一个媒体查询来更改字体大小。
.chapter-title{
font-size:18px;
}
@media screen and (max-width:768px){
.chapter-title{
font-size:24px;
}
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51643221
复制相关文章
相似问题