jQuery Каменная кладка - проблема с размещением жидкостей

Question

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

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

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

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

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

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

Спасибо.

Answer 1

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

Сочетание этого с жидким макетом - это немного рецепт катастрофы, на мой взгляд. Однако это невозможно.

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