有没有办法控制文本的宽高比，使其在HTML元素内始终保持相同的相对大小，并保持相同的宽高比，无论其容器的大小是多少？
我可以使用vw或vh来控制文字的高度和宽度吗？我已经尝试了百分比，它似乎不起作用，因为它似乎只是增加了该百分比的基本字体大小。
我希望保持文本相对于容器的纵横比不变，无论该框被拉伸多少等等。
它需要是动态的，但是如果我使用vw并减小高度，文本最终将超出其容器的高度，我需要文本响应高度和宽度变化，而不是一个或另一个。
所以我想问一下是否有办法用vw和vh或百分比控制文字的高度和宽度，或者用自动调整大小的JavaScript来控制文字的高度和宽度基于容器大小的文本？
我检查了https://github.com/nbrunt/TextFit，但要使用最合适的功能，容器显然必须具有“绝对”值，例如以像素为单位设置它们，而我的容器大小则基于屏幕的百分比大小
答案 0 :(得分：1)
您可以尝试vmin（等于较小的vw和vh。）或vmax（等于vw和vh中的较大者）。
https://developer.mozilla.org/en-US/docs/Web/CSS/length
查看此demo。