Question

我正在使用Masonry进行网站布局，一切正常，但响应性存在问题。目前所有元素都设置为31.8％的宽度（也有一些边距等）。我假设通过调整浏览器窗口的大小，我仍然会保留3列，但所有元素的宽度都会减小，但是不是这样，通过调整窗口的大小，一切都开始分崩离析，我无法分辨出这种奇怪的行为来自何处。

您可以在此处查看我的实时演示网站：http://freshbeer.lv/test/index.html

我真的不知道是什么导致了这种奇怪的行为，所以我不知道在这里发布哪些代码，如果你知道哪些位可能导致它，请告诉我，我会在这里添加它。 / p>

编辑：有趣的是，在调整窗口大小并刷新窗口后，它看起来更好，但不完全正确。

类似的功能

Answer 1

尝试在砌体中设置宽度：

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