@deserteer

Как растянуть img до размера родителя сохранив пропорции?

Добрый день. Есть 4-5 изображений. Какое-то горизонтальное, какое-то вертикальное. Мне удобно будет сделать через img, однако, используя background я уже могу достичь нужного результата. Цель: растянуть по высоте изображение, сохранив пропорции а лишнее обрезать. Подскажите, как добиться этого через img и какой вариант рациональнее.

5daacde0b836c612090526.jpeg
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
для фона - background-size: cover, contain
для img - objective-fit: cover, contain

Элементу даём 100% высоты

Либо растянете картинку полностью, но она обрежется, либо будут пустые поля по бокам. Иных способов нет да и быть не может
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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