同时响应图像和文本

Question

有没有一种方法可以使文本在右侧，同时缩放为左侧的图像。 当我尝试调整浏览器大小时，文本高度超出了范围。 我尝试通过媒体查询来执行此操作，但是它不起作用。 我也不想在元素上使用高度。 这可能吗？ 这是jsfiddle：

[http://jsfiddle.net/mbole87/a9zstjzb/1/]

Answer 1

您可以在CSS中使用“ vw”值吗？ 当然还有一些图像的CSS ...

.some-class{
    font-size: 2vw
}

Answer 2

您可以做的一件事是将最小和最大高度属性添加到框中。

min-height: ___;
max-height: ___;
overflow: hidden;

然后添加“溢出：隐藏”，因此，如果您在框中输入了过多的文本，则会将其隐藏以防止其流出。