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

Question

[deserteer]

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

Answer 1

[Дима Паутов]

для фона - background-size: cover, contain
для img - objective-fit: cover, contain

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

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

Comments

[deserteer]

Не знал о таком свойстве, спасибо.

[dicem]

*object-fit

[deserteer]

dicem, мелочи, можно догадаться при желании ;)

[Дима Паутов]

dicem, да, сорян, забыл)))