baskerville42
@baskerville42
Учусь работать (Junior)

Как вывести изображения разного размера, что бы они выгялдели одинаково?

У меня есть набор изображений (постеры к фильмам). Эти картинки разного размера по высоте и ширине. На странице я юзаю бутстреповскую сетку. Суть моей проблемы такова: нужно что бы картинки автоматически ресайзились (допускается кроп) и становились оинаковые по высоте и ширине. Так же должна сохранятся адаптивность. 178.62.89.68:3000/home вот тут можно увидеть как именно выглядит моя проблема. Заранее спасибо за идеи :)
  • Вопрос задан
  • 3934 просмотра
Пригласить эксперта
Ответы на вопрос 3
FanKiLL
@FanKiLL
У бутсрапа есть класс
img-responsive
сделает вам респонсивность
Ответ написан
Комментировать
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
https://code.google.com/p/resize-crop/ — попробуйте подровнять их скриптом. (не знаю, как он работает с респонсив контентом)

Второй вариант — сделать обложки фоном с background-size: cover. Но в этом случае обложки не будут индексироваться как изображения, и это понизит «accessibility» сайта.
Ответ написан
Комментировать
@Lenok_amb
Прописать в стилях
img{
object-fit: cover;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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