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的答案中引用的插件就是這樣做的。