响应式图像和文本同时

Question

有没有办法在右侧制作文字，同时缩放为左侧的图像。当我尝试调整浏览器文本的高度时，外出。我尝试使用媒体查询来做这件事，但它不起作用。另外，我不想在元素上使用高度。这可能吗？这是jsfiddle：

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

Answer 1

您可以使用＆＃34; vw＆＃34; CSS中的价值？当然，还有一些用于图像的CSS ......

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

Answer 2

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

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

然后添加Overflow：hidden，因此如果您在框中放入太多文本，它将隐藏它以防止它外出..