html - 使文本响应地调整为 div 以始终填充它

Question

我尝试了不同的插件和教程，但问题通常是它们只调整到 div 的宽度和/或 div 的大小以像素为单位设置并且没有响应。但我希望文本始终填充和适合 div 并根据文本长度和视图的高度/宽度调整文本，以便尽可能少的空白。我已将 div 的高度和宽度都设置为 100% 以填充视图。任何人都找到了一种方法来做到这一点？仅在 CSS 中可行，还是我也需要 JS？无论是插件还是教程，一些指导都会有所帮助。

标签： htmlcss

Answer 1

我“缩放”文本的一种常见方法是仅根据vhor设置大小vw。如果您的div宽度基于视图宽度，那么您可以保证文本在不同分辨率下看起来总是相同的。

.text{
    font-size: 0.1vw;
}