@poshuriku
Небольшой рукожоп в области дизайна и фронтенда

Как сделать высоту картинки равной его ширине?

Как сделать высоту картинки равной его ширине? Ширина картинки меняется динамически. Картинка находится в div размеры которого тоже динамические? хотелось бы добиться такого эффекта что бы при загрузки картинки любых размеров(вытянутые по горизонтали или вертикали) на сайт они принимали все одинаковый размер.
  • Вопрос задан
  • 120 просмотров
Пригласить эксперта
Ответы на вопрос 2
DanArst
@DanArst Куратор тега CSS
Гриффиндор в моде при любой погоде!
Верхняя - горизонтальная, нижняя - вертикальная.
Ответ написан
Комментировать
tolfy
@tolfy
Фирменный стиль
UPD к ответу Danny Arty
Не всегда можно опереться на абсолютные\фиксированные размеры.
Данная задача решается стандартно через background обёртки, в которую вставлена заглушка из IMG (размера квадрата).
https://codepen.io/tolfy/pen/XWVaGae
Заглушкой в примере использована одна из иллюстраций.
Способ дёшев и кроссбраузен.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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