Как сделать автоподгон картинки под разные разрешения?

Question

[dani22023]

Здравствуйте, я хочу сделать, чтобы мое изображение автоматически подгонялось под размер экрана. Но не получается. Вот код:

<link href="D:/RAGEMP/server-files/client_packages/style.css" rel="stylesheet" type="text/css">
<img src="https://i.imgur.com/MMtlA0d.png" width="auto" height="auto" />

.img-container {
    background-size: cover;
    width: 300px;
    height: 100px;
    overflow: hidden;
    background-color: #F50000;
    text-align: center;
}
.img-container img {
    height: 100%;
    width: auto;
    max-width: 100%;
}

Comments

[Ankhena]

https://developer.mozilla.org/ru/docs/Web/CSS/obje...

Answer 1

[Олег Кириллов]

object-fit: contain у изображения. Само изображение должно быть во flex-контейнере.