html - 仅使用 CSS 根据屏幕高度缩放字体大小

Question

是否可以仅使用 CSS 根据屏幕高度缩放字体大小？

比如我有这样一句话:

HELLO
WORLD
YOU ROCKS

使用这个作为我的主页标题，它位于一个 100vh 的 div 中。

确保此文本缩放并适合 div 高度的计算是什么？如果这是在纵向模式下查看，字体大小也会保持最大宽度。

Answer 1

你可以使用

<p>HELLO
    WORLD
    YOU ROCKS</p>

<style>
p{
    font-size:20vh;
    line-height: 18vh;
}
</style>