Как сделать картинку на весь div?

Question

[Anto]

Добрый день!

Подскажите у меня есть

<div class="tour-img">
     <img src="/upload/iblock/b9e/b9e2c06ad884e21b5a21e120e129f8e7.jpg" alt="Сердце Байкала - Ольхон">
</div>

У дива с классом tour-img = height: 390px; и ширина 100% как мне в этом блоке сохраняя пропорции можно разместить картинку 1200 на 480? Подскажите

Comments

[Froggyweb]

object-fit
или у img сделать width: 100%

[Rerurk]

Есть же специальное поле у объекта div , background image

Answer 1

[mt. NATS]

CSS object-fit Property

Answer 2

[Alibek Kulseitov]

Зависит от ситуации ты можешь напрямую написать в диве через background-image и прописать свойство cover
либо
к картинке написать display: block, widh: 100%, height: 100%, object-fit: cover