На сайте имеется плитка из картинок-превью, некоторые из которых в два раза крупнее обычных. Картинки выводятся через background-cover.
Ради адаптивности ширина дива-превью задается в процентах, а высота высчитывается пропорционально ширине благодаря такому трюку:
jsfiddle.net/qso14y3k
Плюс добавлен скрипт masonry, чтобы не было дырок.
Кому интересно, результат:
n-architects.ru/projects
Интересует, насколько вообще адекватно такое решение. Кроме того, не могу понять почему в Фаерфоксе при быстрой прокрутке вниз картинки моргают, будто подгружаются. В Хроме такого нет.
Простой
