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

Question

[Alexander Tartmin]

У меня есть набор изображений (постеры к фильмам). Эти картинки разного размера по высоте и ширине. На странице я юзаю бутстреповскую сетку. Суть моей проблемы такова: нужно что бы картинки автоматически ресайзились (допускается кроп) и становились оинаковые по высоте и ширине. Так же должна сохранятся адаптивность. 178.62.89.68:3000/home вот тут можно увидеть как именно выглядит моя проблема. Заранее спасибо за идеи :)

Comments

[Alexander Tartmin]

Картинки или их обёртки не должны быть фиксированой высоты или ширины

Answer 1

[FanKiLL]

У бутсрапа есть класс
img-responsive
сделает вам респонсивность

Answer 2

[Павел Радьков]

https://code.google.com/p/resize-crop/ — попробуйте подровнять их скриптом. (не знаю, как он работает с респонсив контентом)

Второй вариант — сделать обложки фоном с background-size: cover. Но в этом случае обложки не будут индексироваться как изображения, и это понизит «accessibility» сайта.

Answer 3

[Lenok_amb]

Прописать в стилях
img{
object-fit: cover;
}