html - 如何使文本响应并防止它在调整窗口大小时挤压

由于我是引导程序和响应能力的新手，所以可能有一些非标准代码。

我正在尝试创建响应式布局，其中我想要这样的功能：

play图标、和image应该看起来text彼此button相邻。

我font-size在vw, 文本响应性的点数中使用过，例如:font-size: 1.2vw 但这看起来不太酷。我希望即使在调整窗口大小时，文本也应该看起来像在大屏幕上（更明显）或者Producer Name应该在下面Beat Name

当我调整窗口大小时，文本会被挤压，因为我使用vw了字体大小的单位

我试过不使用vw，但结果很奇怪。

我创造了这个小提琴。 https://jsfiddle.net/qs45tLge/

调整窗口大小并观察文本。

我想要的只是使文本具有响应性，以便在调整窗口大小时文本不应该被挤压，并且在窗口调整大小或移动视图时它应该看起来像这样。

任何帮助将非常感激！！！

标签： htmlcss