Как разместить большую картинку в div блоке?

Question

[Im p3l]

Добрый день, не могу разобраться с проблемой. Необходимо разместить картинку с большими размерами в div, который по размерам меньше картинки. Но чтобы картинка в блоке отображалась нормально и не обрезалась. Блок div должен быть адаптивным.

Comments

[Ankhena]

Вставляете картинку, задаете ей высоту и ширину 100% и нужный object-fit

и не обрезалась

тогда используйте contain, но будут поля

Через background еще проще.
Ставите ее фоном и задаете background-size cover или contain.

Answer 1

[Vyach Gor]

еще как вариант