Javascript 砌体-网格盒之间的额外空间

我正在开发一个网站的开发版本，并试图将massy与Pure.css集成，以创建一个具有massy堆叠外观的响应网格。有时它可以工作，但很多时候我会在网格框之间获得额外的空间。如果我调整浏览器大小或运行无限滚动，它看起来会很好地重置，但初始加载通常是关闭的。我已经尝试实现imagesLoaded，添加了$（window）.load指令以及许多其他方法。我甚至在加载了所有东西之后等待了几秒钟来初始化砖石结构，即使在那时它还是关闭了

以下是我的砌体功能：

function mason() {
    $('#deals').imagesLoaded(function(){
        $('#deals').masonry({
            itemSelector: '.outerdeal',
            columnWidth: '.outerdeal',
            containerStyle: null,
            isResizable: true
        }); 
   });
}

---

这用于初始化。它重新加载了$（'#deals）.mashine（'reload'）。我不确定Pure.css（）是否存在冲突。下面是一个链接，指向有缺陷的站点：

Mashise无法检测图像的大小，而imagesLoaded（就像您尝试过的）很少工作。在过去，我为一个容器设置了一个最小高度，其中包含图像，然后将溢出设置为隐藏。这似乎是正确的。如果我强制设置图像高度，它会正确渲染，但由于图像的高度不同，我暂时不得不运行jquery函数，将每个img标记的高度设置为图像的高度。在这之后，我可以开始砌石，它似乎工作得更好。