Как обрезать контейнер по размеру внутреннего изображения?

Question

[bevertax]

Есть контейнер с заданными максимальнымм шириной и высотой. В него вложена картинка.
Если картинка не помещается в контейнер (т.е. превосходит его максимальную ширину или высоту),
то необходимо, сохраняя пропорции, уменьшить картинку (object-fit: contain с этой задачей справляется).
Однако после этого в контейнере появляется свободное место, потому что его пропорции отличаются от пропорций картинки.
Хотелось бы минифицировать размеры контейнера после определения размеров картинки.
Не уверен, что это возможно на чистом css. Перепробовал кучу методов, но в итоге всё упирается в то, что контейнер вычисляет свои размеры сначала, а потом уже срабатывает object-fit: contain у картинки (насколько я могу это понять)

Comments

[Максим]

может код приложите ?
но по сути - высоту блокам указывать не надо

[Aetae]

Задайте max-x размеры картинке, а не контейнеру...

[Ankhena]

Хорошо бы определиться с пропорциями. Блок должен зависеть от картинки или наоборот.
У вас неразбериха, судя по тому, что вы сначала вписываете картинку в блок, а потом хотите обрезать свободное поле в блоке.
Какую задачу вы решаете на самом деле? Со скринами по возможности.

Может просто задать картинке width: 100% и не париться?
Картинка будет сохранять свои пропорции, а высота блока будет определяться по высоте картинки.