JavaScript / jQuery：是否可以更改字体大小以填充设置的宽度？

Question

我正在编写一个应用程序，在其中，我想要一些具有可变字体大小的h1元素。

我使用div的全宽（1000px）作为限制器，并使用一个脚本自动设置h1元素的字体，使其适合div的宽度而不会断行。

使用php GD很容易，但我想我想做这个客户端。

Answer 1

请参阅TextFill jQuery插件，该插件是作为自动调整动态文本以填充固定大小容器的答案的一部分而创建的

Answer 2

我认为没有预先建立的功能。 我想你别无选择，只能运行循环并调整元素大小直到它适合。

它可以像这样工作：

• 使用jQuery创建DIV的克隆，例如element = $('element_id').clone()

• 将clone的font-size为1

• 建立一个循环

  1. 将font-size增加一个像素
  2. 检查是否已达到所需的宽度
  3. 如果有，打破循环

然后，克隆元素中的font-size将与您所需宽度的最接近匹配。

更新： @Pär的答案中引用的插件就是这样做的。