BS3 - img-responsive類 - 爲什麼沒有最大高度？

Question

引導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％，並且無用。

請注意，如果您給父母固定高度並使用最大寬度：100％;和最大高度：100％;爲您的圖像將有助於調整圖像大小，並保持高寬比： http://bootply.com/86203這可能是您正在尋找的答案。