Работа с сайтом, использующим bootstrap, в разделе портфолио образы проектов реагируют с помощью:
'class' => 'img-responsive'
Он отлично работает для пейзажных изображений, портретные изображения взорваны, чтобы соответствовать ширине мудрым, но слишком высоки, есть ли способ проверить портретное изображение и просто применить фиксированную высоту 600 пикселей для него?
Если контейнер должен иметь фиксированную высоту, то дайте ему идентификатор (или класс) и измените ограничения на .img, наоборот, например,
.container {
height: 600px;
}
/*And then change */
.container .img-responsive {
display: block;
height: auto;
max-width: 100%;
}
/*To */
.container .img-responsive {
display: block;
width: auto;
max-height: 100%;
}
Не уверен, как он будет работать с сочетанием ориентации, но если они будут размещены, это не должно иметь значения