Изображение подходит для ветра на оставшемся пространстве ⇐ CSS

[Anonymous]

У меня есть макет, который должен поместиться на экране и не должен получить прокрутку. Проблема в том, что если вставлено изображение с высотой выше, чем экрана, я должен прокрутить. Я знаю, что могу установить фиксированную высоту для родителя или великого родителя тега изображения и масштабировать изображение, чтобы соответствовать. Но мне нужна высота, чтобы быть переменной. Пожалуйста, проверьте фрагмент, чтобы узнать лучше.

Код: Выделить всё

[img]https://picsum.photos/800/1000[/img]

I want this first child which has image to scale down and not grow beyond the bottom red box.


This is second child of the first child of root. The parent is set to grow and it should not grow beyond red box.


class="flex flex-col p-1 bg-red-500 text-white">
This is second child of the parent div which stays at bottom.

Подробнее здесь: https://stackoverflow.com/questions/795 ... ning-space