Javascript 响应性砌体布局问题

我正在使用我的网站布局，一切都很好，但有一个与响应问题。 目前，所有元素的宽度都设置为31.8%（也有一些边距等）。我假设通过调整浏览器窗口的大小，我仍将保留3列，但所有元素的宽度都将减小，但事实并非如此，通过调整窗口的大小，所有内容都开始分解，我不知道这种奇怪的行为是从哪里来的

您可以在此处查看我的实时演示网站：

我真的不知道是什么导致了这种奇怪的行为，所以我不知道应该在这里发布哪一段代码，如果您知道哪些代码可能导致这种行为，请告诉我，我将在这里添加它

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

---

此外，我还尝试实现类似于此的功能

尝试设置砖石结构的宽度：

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

---

现在它只显示1列，不管宽度如何如果使用填充，请尝试使用

框大小：边框框

。我想这一定和CSS有关。尝试删除所有边距和填充，看看是否有效，然后从那里开始。无效；/我已经有了盒子的尺寸，我想要达到的是类似的效果，也许你知道他们是怎么做到的？天哪，我猜出来了；D thnx帮助分享答案吗？