字体大小基于视口宽度和高度

dan*_*mcr 5 html javascript css sass

我会保持简短和直接,所以我明白:

  • VW 根据视口宽度更改字体大小。

  • VH 根据视口高度更改字体大小。

我的问题是;

有没有办法根据视口宽度和高度缩放字体大小?因此,更改浏览器的高度和宽度将适当地缩放我的字体大小。

我问这个问题是因为我想将文本大小适当地缩放到它们所在的容器,我的问题是容器缩放到 100% 宽度和 100% 高度。因此,根据高度和宽度缩放文本大小似乎是合乎逻辑的,除非有一种方法可以根据其父容器的尺寸来调整大小?


感谢任何帮助或建议,提前谢谢

我尝试使用百分比并查看了各种字体大小调整语法,但我似乎找不到任何根据宽度和高度进行缩放的内容,这有什么原因吗?

Sti*_*ers 4

看一下vminvmax

  • 1vmin=1vw1vh,以较小者为准
  • 1vmax=1vw1vh,取较大者