響應式砌體布局問題

Question

我使用Masonry進行網站布局時，一切正常，但響應速度有問題。 目前，所有元素的寬度都設置為31.8％（也有一些空白）。我假設通過調整瀏覽器窗口的大小，我仍然會保留3列，但是所有元素的寬度都會減小，但是那是並非如此，通過調整窗口大小，一切都開始崩潰，我無法分辨出這種奇怪的行為是從哪里來的。

您可以在此處查看我的現場演示站點： http : //freshbeer.lv/test/index.html

我真的不知道是什么導致了這種奇怪的行為，所以我不知道在這里發布哪些代碼，如果您知道是什么原因導致的，請告訴我，我將在這里添加。

編輯：有趣的是，在調整其大小並刷新窗口后，它看起來更好，但並不完全正確。

我也在嘗試實現類似於此的http://tympanus.net/codrops/collective/collective-57/

Answer 1

也嘗試在砌體中設置寬度：

$('.grid').masonry({
  itemSelector: '.content-box',
  columnWidth: function(width) {
    return width * (31.8 / 100);
  }
});