响应式砌体布局问题

我正在使用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); } });