jQuery Masonry - проблема с макетом жидкости

Question

Я использую сценарий Masonry для размещения ящиков на сайте .

Это выглядит хорошо для меня в большинстве браузеров, за исключением случаев, когда я изменяю размер окна браузера или переворачиваю телефон на бок и обратно.

Без масонства у меня текучая раскладка, которая отлично работает. Под жидкостью я подразумеваю, что коробки занимают всю ширину на экранах меньшего размера.

В случае с Masonry все это работает нормально, когда вы впервые заходите на сайт, но если вы либо измените размер окна браузера, либо перевернете телефон на бок, раскладка будет чокнутой. Обновление сортирует это снова.

Не уверен, есть ли способ исправить это, или я должен использовать другой скрипт, или даже если лучше просто отключить скрипт для небольших экранов?

Надеясь, кто-то может помочь!

Спасибо.

Answer 1

Насколько я помню, масонство захватывает размеры элемента, когда он вызывается, а затем выполняет кладку. Он ожидает, что эти измерения будут статическими, и именно так он сможет рассчитать «масонский» макет.

Комбинирование этого с изменяющимся расположением, по моему мнению, является своего рода рецептом катастрофы Тем не менее, это не невозможно.

В случае события resize просто снова вызовите masonry () для контейнера.