Пришлось вернуться к вопросу сохранения пропорций картики. Некоторое время назад я писал об изменении размеров изображений с сохранением пропорций.
Но возникла необходимость отображать все картинки в ленте одинакового размера.
Решение довольно простое: для контейнера задаем фиксированную высоту и добавляем css атрибут overflow: hidden а для картинки задаем фиксированную ширину.
В итоге браузер приведет картинку к нужной ширине, сохранив пропорции, а контейнер отрежет лишнее. Выглядит это нормально, если картинки более-менее схожего формата.
P.S. этот рецепт действует для landscape изображений. Для портретной ориентации в контейнере нужно выставлять ширину, а в картинке высоту.
Комментариев нет:
Отправить комментарий