Javascript 应用vh/vw或百分比来控制文本的高度和宽度

有没有一种方法可以控制文本的纵横比，使其在HTML元素中始终保持相同的相对大小，并保持相同的纵横比，无论其容器大小如何

是否有一种方法可以使用

vw

或

vh

控制文本的高度和宽度？我尝试过百分比，但它似乎不起作用，因为它似乎只是将基本字体大小增加了这个百分比

我想保持文本相对于其容器的纵横比不变，不管框被拉伸了多少，等等

它需要是动态的，但如果我使用

vw

例如，并降低高度，文本最终将超出其容器的高度，我需要文本对高度和宽度变化做出响应，而不是一个或另一个

所以我想问，是否有一种方法可以通过

vw

和

vh

或百分比来控制文本的高度和宽度，或者有一种方法可以通过JavaScript根据容器大小自动调整文本大小

---

我已签出，但要从那里使用最佳拟合功能，容器显然必须具有“绝对”值，例如以像素为单位设置它们，而我的容器大小基于屏幕大小的百分比。

您可以尝试

vmin

（等于vw和vh中的较小者）或

vmax

（等于vw和vh中的较大者）

请查看此项。

可能的副本