具有响应图像的相同高度的列

Question

我在一个网站上工作，我的大部分页面都有这样的结构：

<div class="row">
 <div class="col-1-2">
  <img>
 </div>
 <div class="col-2-2">
  <p>Text</p>
 </div>
</div>

我希望第一列的图像与第二列中的文本具有相同的高度。

有人知道我是怎么做到的吗？

提前感谢;)

附言:很抱歉我的英语不好

Answer 1

您必须将图像容器设置为绝对，将行设置为相对，然后将列容器的宽度设置为50%，高度设置为100%。img应该将max-width: 100%作为css属性