Как реализовать изменение размера меньшей стороны img?

Question

[Alexander Lashchevsky]

Добрый вечер!

Дано:
1. DIV с размерами 100x100px и overflow: hidden;
2. img, вставленное в DIV неопределённого размера (явно превышающие размеры 100х100px).

Что нужно:
Необходимо, чтобы картинка заполняла полностью весь имеющийся div сохраняя свои пропорции.
If у img ширина > высоты, то высота становится 100px, ширина при этом пропорционально адаптируется и какая-то её часть, вылезающая за область div, не видна.
If у img ширина < высоты, то ширина становится 100px, высота адаптируется... и далее по тексту.

Что конкретно нужно:
Чтобы размер в 100px присваивался меньшей стороне img.

Заранее благодарен за любую помощь.

С уважением,
Александр.

Answer 1

[Юрий Лобанов]

jsfiddle.net/iiil/6uTMX/1

Comments

[Alexander Lashchevsky]

Спасибо!

Answer 2

[itspers]

А если просто
background-size: cover;
?

Comments

[Alexander Lashchevsky]

К сожалению, background не подходит, нужно именно img