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

Question

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

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

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

Answer 1

请参阅TextFill作为Auto-size dynamic text to fill fixed size container

答案的一部分创建的{{3}} jQuery插件

Answer 2

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

它可以像这样工作：

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

• 将克隆的font-size设置为1

• 构建一个

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

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

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