bootstrap 3 zawiera klasę .img-responsive który stosuje te ustawienia cssBS3 - klasa img-responsywna - dlaczego nie ma maksymalnej wysokości?
display: block;
height: auto;
max-width: 100%;
dlaczego nie ma max-height:100%;?
Zauważyłem, że dodanie tego sprawia, że zdjęcia pasują pod względem wysokości, no cóż, ale nie jestem pewien, dlaczego jest pominięty i nie wiem, jakie są konsekwencje w innych przeglądarkach.
Spróbuj czegoś takiego: http://bootply.com/86201. max-height:100% wypełnia tylko wysokość rzutni. While height: auto wypełnia dostępne miejsce (również poniżej ekranu podczas przewijania w dół). Wysokość: auto wydaje się bardziej zgodne z siatką opartą na szerokości i pionowym paskiem przewijania. Na ekranie o małej szerokości i wysokości obrazy mogą stać się małe z maksymalną wysokością: 100% i nieprzydatne.
Uwaga w przypadku nadania rodzicowi stałej wysokości i przy użyciu max-width: 100%; i maksymalna wysokość: 100%; Twoje obrazy pomogą zmienić rozmiar obrazu i zachować proporcje obrazu: http://bootply.com/86203, co jest możliwą odpowiedzią, której szukasz.
gotcha. w moim przypadku ograniczam maksymalną przestrzeń pod względem wysokości i szerokości, i nie chcę, aby obraz się z niej wydostawał, ale w responsywnym systemie siatka mająca odpowiednio skalę obrazu ma sens. – Daniel