сделать jQuery Masonry отзывчивым для iPhone / iPad - PullRequest
1 голос
/ 10 января 2012

Я адаптирую раскладку Masonry Tumblelog так, чтобы ширина одного столбца составляла 320px, и умножила ее на два / три столбца и т. Д., Чтобы она работала для iPhone и выше.

Я использую медиа-запросы для сжатия всех столбцов до 320 для iPhone. Это своего рода работа, то есть укладка и сокращение до одного столбца. Проблема в том, что на экране iPhone он крошечный и занимает лишь 5-ю ширину. Я следил за элементами css от div и выше, и все они установлены на 320 в медиа-запросах. Сайт на http://www.4pixels.com. Есть идеи?

Ответы [ 2 ]

1 голос
/ 08 августа 2012

Я использую код здесь: http://www.maurizioconventi.com/2012/06/19/responsive-example-integrating-twitter-bootstrap-and-jquery-masonry/

Регулирует ширину столбца в соответствии с шириной контейнера. Взгляни.

0 голосов
/ 17 января 2014

Также это хорошая статья: http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout

...