Как мне отобразить изображение как можно больше, но построить в коробке без искажения перспективы ⇐ CSS

[Anonymous]

Как отобразить изображение (с помощью
Этот звук достаточно прост, но я не нашел никакого решения, которое также работает, если высота изображения меньше, чем 200 пикселей. Это особенно проблема с файлами .svg , которые часто имеют небольшой «естественный» размер, если вы не указываете его явно. максимальная ширина: 70%< /code> на изображении, потому что это может исказить изображение, если это широкое изображение.

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

object-fit: cover; height: 100%; width: 100%;

на изображении, потому что нет способа установить правильный размер на родителей (я не могу установить высоту на 200px, потому что это может быть высоким, а максимальная высота: 200px На родительском>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ox-without