根据长度和容器大小动态调整文本大小

Question

如何根据文本的长度和容器的大小调整某些文本的大小？

这是一个标题。我基本上想说：“如果动态生成的<h2>少于10个字符，请将字体大小增加到2em以填充空格。否则，请将其保留为1em”。< / p>

理想情况下，我非常希望只调整文本大小。如同，“标题不完全适合水平空间，因此增加字体大小而不进入第二行”。那是可行的吗？

我无法向您发送链接，因为该网站不在线。

Answer 1

如果你有一个固定大小的容器，你可以使用一种技术来检测文本是否溢出其容器，然后减小字体大小，直到它不再溢出。通过这种方式，您可以在不计算字符数的情使用比例字体时，计数字符并不总是有效。

这里描述了检测溢出的技术：

detect elements overflow using jquery

Answer 2

同时结帐Fittext.js。你可以看一下它的来源 - 它很小。