Intereting Posts
Чистый javascript метод для обертывания содержимого в div HTML WYSIWYG edtor: почему редактируемый контент перемещается в iFrame Как определить изменение размера textarea с помощью чистого javascript? Создание формы вкладки с помощью CSS или SVG Могут ли встроенные элементы содержать элементы блока? IE9 Float с переполнением: скрытая и ширина таблицы 100% не отображается правильно CSS: display: block; vs display: table; Как избавиться от лишнего пространства ниже svg в элементе div Нужно ли добавлять атрибут nofollow rel к ссылкам, если страница href содержит метатег robots, содержащий noindex и nofollow? Как сравнить текущее время и время суток Как подключить css к html в скриптах Google Apps Изображения, которые не отображаются в Chrome до щелчка элемента проверки Попытка получить div / 100% высоту и переполнение авто для работы в Firefox Как заставить IFrame реагировать на iOS Safari? facebook FB.Event.subscribe (‘auth.authResponseChange’) не работает

BS3 – img-отзывчивый class – почему нет максимальной высоты?

bootstrap 3 включает class .img-responsive который применяет эти настройки css

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

почему нет max-height:100%; ?

Я обнаружил, что это добавляет, что фотографии подходят с точки зрения высоты как хорошо, но я не уверен, почему это не учтено, и не знаю, какие последствия есть в других браузерах.

Попробуйте что-то вроде этого: http://bootply.com/86201 . max-height:100% заполняет только высоту windows просмотра. Высота: авто заполняет доступное пространство (также под окном просмотра при прокрутке вниз). Таким образом, высота: авто кажется более согласованным с сеткой, основанной на ширине и вертикальной полосе прокрутки. На экране с малой шириной и высотой изображения могут стать маленькими с максимальной высотой: 100% и не полезными.

Обратите внимание, что вы даете родительской фиксированной высоте и используете max-width: 100%; и max-height: 100%; для ваших изображений поможет resize изображения и сохранить пропорции: http://bootply.com/86203, что позволяет получить ответ, который вы ищете.