javascript - 字体大小响应填充父 div 的 100% 宽度？

<分区>

我试图获取 h1 元素的内容来调整字体大小，以确保文本完全填充其父 div 宽度的 100%。

我尝试了几个不同的插件，包括 fittext.js、slabtext.js 和 bigtext.js，但无法正常工作。

有谁知道如何在下面的 .sectionTitle h1 元素示例中获得这种效果。

示例 HTML:

 <section id="contact">

   <div class="sectionContent">

     <h1 class="sectionTitle">Contact</h1>

   </div>

 </section>

最佳答案

FitText.js应该做你需要的。

添加necessary js files ，然后将此行添加到您的代码中:

jQuery(".sectionTitle").fitText(.5);

请注意，.5 的压缩值似乎是使您的文本拉伸(stretch)全宽所必需的。

关于javascript - 字体大小响应填充父 div 的 100% 宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42949769/

相关文章：

javascript - 如何用js获取字符串中的整数值