当文本超出容器时将字体缩放到大小？

Question

如果文本适合容器内，我希望字体大小为 54px，否则应为 36px。

我正在考虑是否可以通过纯 CSS 解决方案来实现这一点，使用缩放函数折叠到两者中的任何一个。如果可以假设容器是满的，我想我可以使用 vw 作为计算的基础？

但我对此非常困惑。谁能给我一个提示，告诉我如何实现这个或接近它的目标。

Answer 1

尝试这个

.thingy {
font-size:54px;
overflow-wrap: break-word;
}

<h1 class="thingy">Hel000000000000000000ooo</h1>