Как сделать чтобы контейнер имел высоту внутреннего тега img?

Question

[inflexible]

Вопрос, может показаться очень легким но все же...
При экране больше 1375px - контейнер имеет фиксированную высоту, и внутренний img имеет такую же фиксированную высоту(width: 100%; height: 300px; background-size: cover;), но при уменьшении экрана я хочу чтобы картинка сжималась сохраняя свои пропорции, поэтому высоту картинки(и контейнера) меняю на auto! картинка конечно сжимается как мне и нужно, но вот при этом высота контейнера становиться 0! подскажите плиз, как сделать чтобы контейнер принимал такую же высоту, но при этом высота картинки должна меняться по мере уменьшения экрана! заранее спасибо за ответ

Answer 1

[Lord_Dantes]

Есть несколько вариантов событий:
1. Вылить код на кодпен
2. Вылить код на jsfiddle
3. Вылить код на любую другую песочницу

Answer 2

[Priyag chaudhary priyagchaudhary]

Don't apply an explicit width or height to the image tag. Instead, give it:

max-width:100%;
max-height:100%;

you can , height: auto; if you want to specify a width only.
Example: html tutorial and questions