Ограничение высоты изображения с помощью загрузочного образа?

Работа с сайтом, использующим bootstrap, в разделе портфолио образы проектов реагируют с помощью:

'class' => 'img-responsive'

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

Ответы

Ответ 1

Если контейнер должен иметь фиксированную высоту, то дайте ему идентификатор (или класс) и измените ограничения на .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%;
}

Не уверен, как он будет работать с сочетанием ориентации, но если они будут размещены, это не должно иметь значения