根據長度和容器大小動態調整文本大小

Question

如何根據文本的長度和容器的大小調整某些文本的大小？

這是一個標題。 我基本上想說：“如果動態生成的<h2>少於10個字符，則將字體大小增加到2em以填充空間。否則，將其保留為1em ”。

理想情況下，我只想將文本的大小調整到最大。 就像“標題不完全適合水平空間，因此增加字體大小而不用移至第二行”。 那可行嗎？

由於該網站未啟用，因此我無法向您發送鏈接。

Answer 1

如果您有固定大小的容器，則可以使用的一種技術是檢測文本是否在其容器中溢出，然后減小字體大小，直到不再溢出為止。 這樣一來，您始終可以獲得最佳的貼合度而無需計算字符。 使用比例字體時，對字符進行計數並不總是有效。

這里描述了檢測溢出的技術：

使用jQuery檢測元素溢出

Answer 2

還要簽出Fittext.js 。 您可以查看源代碼的作用-很小。