Css 响应库图像大小

我有一个Wordpress网站，有一些带有四边形照片的图库，但我希望它们是矩形的，以便用户看到整个照片。我更改了值（特别是高度），但当我这样做时，图像会拉伸，我无法找到解决该问题的方法。我还是CSS的新手，有人能帮我吗？这似乎是件容易的事，但不幸的是我做不到

这是画廊：

所有图像的大小都相同

部分代码： bootstrap light.min.css

.img-responsive {display:block;max-width:100%;height:242px}

.models li a img {
  width:100%;

我用萤火虫找到的

.models li a img {
width: 100%;
height: auto !important;
}

始终对响应图像使用“高度自动”

img {
 width: 100%;
 height: auto !important;
}

---

我忘了说我只想把缩略图的大小改成矩形。当你点击图片时，她会转到另一个页面，谢谢你的回复