我遇到了一些情况，我的单词比包含它的 div 大。请看下面的屏幕截图:
我希望发生的情况是，当一个单词太大而无法容纳在其包含的 div 中时，它会缩小大小直到适合为止。使用上面的屏幕截图，我希望它在调整大小时看起来像这样:
我该怎么做？
我read关于 Viewport Sized Typography 但它不会相对于 div 进行缩放。如何创建与 div 相关的可缩放字体？
我更喜欢纯 CSS 的解决方案，但如果 JS 是唯一的方法，那么我会接受这个答案。
最佳答案
我从未见过纯 CSS 解决方案，但我见过一些 JS 解决方案:
Auto-size dynamic text to fill fixed size container
你可以试试 FitText.js
关于css - 响应式字体大小 - 适合容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26289727/