响应式图库大小

Question

我有一个Wordpress网站，其中一些画廊有四边形照片，但我希望它们是矩形的，用户可以看到整张照片。我更改了值（特别是高度），但是当我这样做时，图像会延伸，我无法找到解决该问题的方法。我还是CSS的新手，所以任何人都可以帮助我吗？它似乎很容易，但不幸的是我无法做到。

以下是图库：http://cp58.webserver.pt/~httpfash/kids/

所有图像都具有相同的尺寸。

部分代码： 的自举-light.min.css

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

.models li a img {
  width:100%;

我用firebug找到了。

Answer 1

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

始终将高度自动用于响应式图像

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