Я думаю, что вы не можете сделать это без ширины и высоты.
Если вы хотите иметь несколько изображений с разными размерами, контейнер может полагаться только на размер изображения или указать c ширину и высоту.
Вы можете обрезать все изображения до желаемого размера или Вы можете использовать JavaScript, чтобы определить фактический размер изображения, а затем уменьшить или увеличить его, а также установить контейнер в портретную или альбомную ориентацию.
Вот простое решение jQuery, которое проверяет размер изображения, а затем, если ширина больше чем высота, это помещает определенный класс c в это изображение.
$( window ).on( "load", function() {
$("img.ansa-item-img").each(function() {
var width = this.width,
height = this.height;
if(width > height) {
$(this).addClass('landscape')
} else (
$(this).addClass('portrait')
)
});
});
Просто добавьте стиль класса в файл CSS следующим образом:
.portrait {
width: 150px;
height: 350px;
}
.landscape {
width: 350px;
height: 150px;
}
Таким образом, вы можете загружать разные размеры, и он автоматически помещается в изображение в контейнере. и установите ориентацию.