@bevertax

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы