bootstrap 3包含.img-responsive类
这适用于这些css设置
display: block;
height: auto;
max-width: 100%;
为什么没有max-height:100%;？
我发现添加这个图片使得图片在高度方面也很合适，但我不确定为什么它被排除在外并且不确定其他浏览器会产生什么后果。
答案 0 :(得分：7)
尝试这样的事情：http://bootply.com/86201。
max-height:100%仅填充视口的高度。高度：自动填充可用空间（向下滚动时也在视口下方）。
所以height：auto似乎与基于宽度和垂直滚动条的网格更加一致。
在宽度和高度较小的屏幕上，图像可以变小，最大高度：100％，无用。
注意在这种情况下，你给父母一个固定的高度并使用max-width：100％;和最大高度：100％;对于您的图像将有助于调整图像大小并保持纵横比： http://bootply.com/86203这可能是您正在寻找的答案。