Responsive design 响应性强的网站图片高度相同

我试图找出如何在同一高度制作垂直和水平图像。我需要的垂直图像的高度。有什么想法吗

我本想做同样的高度，但当我调整大小时，它显示如上所示

css: max-height: 375px!important;

更新：

---

使用

最小高度

进行水平图像

min-height: height of vertical image;

---

如上所述，只需给出

高度：375px！重要的

或

css:高度：4%0！重要的//给出有利于响应用户界面的百分比

一些基本规则是

• 高度-需要/知道适当高度时使用
• 最大高度-当您想要限制图像高度超过时应用，这有利于用于图像，您也可以用于所有其他内容
• 最小-高度-当您希望最小高度应为时应用，这用于响应ui的div/table/tr/td

我纠正了css中的错误，只做了更改。只需删除所有内容并添加此内容。我增加了宽度以便于理解

img

{

显示：内联块

高度：300px； 宽度：200px；
}

img是html标记，所有图像都将按照“img”css属性工作

以下是我的解决方案：

Html:

---

您是否尝试过：

高度：375px

？如果你能提供一个能重现问题的示例，那就太好了。我不能，因为有滑块脚本…我放了演示，来说明问题所在…百分比高度根本不起作用..当我做静态大小（如375px）时，当我调整大小时，只调整高度而不调整宽度…谢谢你的解决方案，但宽度不是调整大小。。。它只有高度。。也许有可能使溢出：隐藏？

<div class="w">
    <div class="img"><img src="http://i.imgur.com/4OAz0Cf.jpg"/></div>
    <div class="img o"><img src="http://i.imgur.com/EJsmCmT.jpg"/></div>
</div>

.w {
    display: table-row;
}

.img{
    width: 50%;
 display: table-cell;
}
.img img{
    min-height: 500px;
    max-height: 500px;
}
.img.o img {
    width: 100%;

}