問題與響應砌體佈局

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); 
    } 
});