Susy Responsive Grid и jQuery Masonry

У меня возникла очень неприятная проблема при попытке реализовать плагин jQuery Masonry с адаптивной системой сетки, которую создает Susy (система сетки SASS). Ниже приведено изображение того, как это должно выглядеть:

http://test.tomblanchard.co.uk/Masonry/library/images/HowItShouldLook.gif

Я просмотрел десятки статей с похожей проблемой, но не могу найти решение, которое принесет пользу моей проблеме. Вы можете увидеть проблему и код здесь:

http://test.tomblanchard.co.uk/Masonry/

Если кто-нибудь может мне хоть немного помочь, это будет очень признательно.

Ваше здоровье! Том.


html jquery css sass jquery-masonry
person Tom    schedule 01.11.2012    source источник
comment
Обновление: изменены некоторые настройки плагина, он работает (на самом деле не должен, настройки, которые я установил, не имеют смысла), но портятся, когда размер окна изменяется, и срабатывают запросы мультимедиа: test.tomblanchard.co.uk/Masonry/UPDATED   -  person Tom    schedule 01.11.2012
comment
Что ты подправил? Ваша ссылка не работает.   -  person evolutionxbox    schedule 16.02.2015

Ответы (1)


arrow_upward
0
arrow_downward

Пробовали ли вы чередовать направление плавания для тех, которые должны быть справа (плавание: вправо)? У меня была аналогичная проблема с макетом ранее, и это, казалось, решило проблему для тех, которые мне нужны справа.

Кроме того, мне любопытно, как вы настроите файл responsive+susy. Будете ли вы устанавливать минимальную ширину для каждого из div? Мне просто интересно, как masonry работает с адаптивными макетами. Удачи!

person Spentacular    schedule 01.11.2012
comment
К сожалению, это не вариант, этот макет будет использоваться для отображения сообщений продукта WordPress, поэтому к каждому сообщению должен быть применен один и тот же CSS. - person Tom; 01.11.2012
comment
Таким образом, в конечном итоге макет страницы останется таким? Какой толк от кладки, если секций будет всего 5? Или 1-й раздел избранный, а остальные накладываются друг на друга? - person Spentacular; 02.11.2012