@Dancko
Студент

Как сделать превью пропорциональным?

В галерее на превьюшках фотографии выглядят непропорционально и некрасиво. Как сделать пропорциональные превьюшки, чтобы ничего не растягивалось?5d9de4017333e633698003.jpeg5d9de40f6bb0c888963168.jpeg5d9de41762fcf098918952.jpeg
  • Вопрос задан
  • 66 просмотров
Решения вопроса 2
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
object-fit, background-size: cover, хак с overflow
Ответ написан
Abr_ya
@Abr_ya
вдохновляюсь магией веба!)
Думаю, нужно уточнить, какое поведение от "неквадратных" фото вы хотите? И... реализовать его на CSS!
Я вижу два варианта:
- поля,
- обрезка.
Первый вариант можно реализовать довольно консервативно, как мне кажется. Но, думаю, в любом случае стоит посмотреть на:
https://html5book.ru/svoystva-object-fit-i-object-...
как советовали выше!
Но это или без поддержи IE, или для него искать полифилл, или костыль, т.к.:
https://caniuse.com/#feat=object-fit
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Dancko Автор вопроса
Студент
Всем спасибо. Сделал обджект фит и всё заработало. Магия!
Обожаю этот сайт!
Ответ написан
Ваш ответ на вопрос

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

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