Всем привет! У картинки есть контейнер с фиксированными размерами. Мне нужно, чтобы картинка заполняла всю область контейнера и при этом не потеряла пропорции.
Пример<figure>
<img src="https://img5.goodfon.ru/original/2048x1289/6/a7/nature-meadow-river-mountains-trees-forest-houses-grass-mist.jpg" alt="">
</figure>
figure {
width: 600px;
height: 500px;
background: red;
overflow: hidden;
img {
max-width: 100%;
height: auto;
}
}
В примере получается красная полоса снизу, если сделать
min-width: 100%;
min-height: 100%;
то картинка слишком велика.