html - BS3 - img 响应类 - 为什么没有最大高度？

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 填充可用空间（向下滚动时也在视口下方）。所以 height:auto 似乎更符合基于宽度和垂直滚动条的网格。在具有较小宽度和高度的屏幕上，图像可以在 max-height:100% 时变小并且没有用处。

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