BS3 - img-responsive类 - 为什么没有最大高度？

Question

bootstrap 3包括.img-responsive应用这些css设置的类

display: block;
height: auto;
max-width: 100%;

为什么没有max-height:100%;？

我发现添加这使得图片在高度方面也很合适,但是我不确定为什么它被排除在外并且不确定其他浏览器会产生什么后果.

Answer 1

尝试这样的事情:http://bootply.com/86201. max-height:100%仅填充视口的高度.高度:自动填充可用空间(向下滚动时也在视口下方).所以height:auto似乎与基于宽度和垂直滚动条的网格更加一致.在宽度和高度较小的屏幕上,图像可以变小,最大高度:100%,无用.

请注意,如果您为父级提供固定高度并使用max-width:100%; 和最大高度:100%; 对于您的图像将有助于调整图像大小并保持纵横比:http: //bootply.com/86203这可能是您正在寻找的答案.