CSS-动态更改字体大小以适应容器'；s高度

我希望flex容器中的文本具有恒定高度（

10vh

）。随着视口越来越窄，文本（最初为单行）开始换行并溢出

减小字体大小以确保文本始终占据

vh

的固定部分的最佳方法是什么？我对文本换行很满意，事实上我甚至更喜欢在狭窄的视口中换行

Lorem ipsum dolor sit amet，是一位杰出的职业经理人

#标题{
字体大小：6vh；
}
#标志{
显示器：flex；
柔性包装：包装；
弯曲方向：行；
证明内容：中心；
对齐项目：居中；
高度：10vh；
}

---

字体大小不能固定在

vh

，因为只有在包装后才需要减小

vw

更有意义，因为字体在任何

vw

change

上都会不断调整大小。您可以使用

Javascript/HTML/CSS代码片段

来演示您的代码。为此，请使用

媒体要求