Как адаптировать изображение с фиксированной высотой?

Есть owl карусель, показывающее одно изображение за раз (на всю ширину экрана).
В стандартном варианте адаптивно изображение пропорционально уменьшается при уменьшении экрана.
Но в мобильных версиях, конечно, изображение получается слишком узким по вертикали, т.к. стремится втиснуть себя по ширине.
Хочется сделать фиксированную высоту, но при уменьшении экрана, изображение не должно втискивать себя, а обрезать/прятать свои края по горизонтали.
Как это реализовать?

5a60e67cc88ca345455135.jpeg

Изображение не должно быть фоновым, т.к. должно вставляться cms.

overflow в каруселе не срабатывает
  • Вопрос задан
  • 204 просмотра
Решения вопроса 1
@DivineDraft
установите min-height для img, а для блока в котором находится он display:flex;align-items:center;justify-content:center;flex-flow:column;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы