Alexanevsky
@Alexanevsky
Любительская web-разработка

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

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

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

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

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

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

С уважением,
Александр.
  • Вопрос задан
  • 2941 просмотр
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Пригласить эксперта
Ответы на вопрос 1
itspers
@itspers
А если просто
background-size: cover;
?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы