Как поместить картинку в блок, чтобы она не обрезалась, если я не знаю ее высоты и ширины?

Question

[Norum]

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

Оффтоп- задание фиксированной высоты и ширины, это плохо?

Comments

[Максим]

я же 1000 раз показывал тебе это
стилизуем изображение ... width: 100% или max-width: 100% не указываем высоту + object-fit: cover

[Norum]

Максим Ленский, если не задавать высоту, получается вот так

[Максим]

Norum, тогда сделай высоту 100% но не забудь написать object-fit: cover - проверь и напиши о результате

покажи макет

[Norum]

Максим Ленский, c высотой 100% работает

[Максим]

Norum, прекрасно - вопрос решён получается ?

[Norum]

Максим Ленский, да

[serega danet]

Norum, поставь решение Максиму !

Answer 1

[serega danet]

я вот уже пару часов мучаюсь. Уточню вопрос. Есть картинка. есть ее ширина. Ширина выступает как масштаб. Я знаю ширину, задаю нужную мне, и картинка масштабируется с сохраненнием пропорций. Все красиво. Но я не знаю ее высоту !!!! Я создаю див с шириной картинки, но я не знаю его высоту ! Соответственно, я не могу использовать bottom:0; чтобы прижать другую картинку к низу этой . Что мне делать ???