Css 调整横向和纵向图像的图像高度时出现问题

我正在为一家房地产代理公司创建一个现有网站的响应版本。每个属性都有一个图像库，当图像是横向的时，这些图像会很好地显示出来。问题是他们什么时候是肖像

在原始代码中，图像大小定义为：

#gallery-images {
  height: 577px;
  overflow: hidden;
  position: relative;
  width: 828px;
}

我正在覆盖它（通过媒体查询），因此

#gallery-images {
  height: 205px !important;
  left: 1px;
  width: 290px;
  }

然而，这意味着肖像图像是从顶部裁剪的，结果显示不太理想

如果我设置

height:auto

和

overflow:visible

肖像图像显示正常，但会对页面高度产生负面影响。从本质上说，画廊导航保持在原位，但当再次显示风景图片时，上方有大量空白

---

一种选择是将画廊导航移到图片上方，并在下方留下空白，但我想知道是否还有另一种解决方案我没有想到。我只能对非CSS更改进行限制，但如果脚本能够提供更好的解决方案，我可能会说服客户端添加一些内容。

如果您想显示溢出或不显示溢出，这取决于您，但我认为您正在寻找声明最小宽度……如果您不设置高度，则图像将按比例缩放。

最小宽度恐怕解决不了这个问题，这是我的身高问题。再想一想，我想要的是一种在不从顶部裁剪图像的情况下限制高度的方法