Мобильная версияМне нужны два столбца внутри элемента div. В первом столбце есть изображение. Проблема, с которой я столкнулся, заключается в том, что кажется, что столбец сетки растягивает ширину изображения. Поскольку соотношение сторон изображения сохраняется, высота изображения может выйти за пределы элемента div.
.container { фон: зеленый; } .w-9\/12 { ширина: 75%; } .h-\[80vh\] { высота: 80вх; } .grid-cols-2 { столбцы-шаблона сетки: повторение (2, minmax (0, 1fr)); } .сетка { дисплей: сетка; цвет синий; } .h-full { высота: 100%; } .max-h-full { максимальная высота: 100%;
Закрывать
Как сохранить соотношение сторон изображения, при этом заставляя изображение заполнять ширину или высоту сетки (без переполнения сетки контейнером div). Кажется, это работает без сетки.
