Javascript 砌筑图像下方的非预期间距，直到调整大小

我刚开始使用带有imagesloaded的砌体，我遇到了一个奇怪的问题。一切都按照我的意愿进行，除了在每张图片下面有一个我不想要的3px空间，一旦我调整窗口大小，这个空间就会消失。我不知道这是什么原因，任何帮助都会很好。我已经试着移除了边界，但仍然有一个空间

CSS:

Javascript:

// Enable Masonry
    var $grid = $('.grid').imagesLoaded( function() {
        // init Masonry after all images have loaded
        $grid.masonry({
            // set itemSelector so .grid-sizer is not used in layout
            itemSelector: '.grid-item',
            // use element for option
            columnWidth: '.grid-sizer',
            percentPosition: true
        });
    });

听起来像

这里的答案建议加上：

body{overflow-y:scroll；}

此外，在中添加：

显示：块至
.ct coll项目img{…}

填补了这一差距。（我认为这个想法来自）

否则可能会有帮助。
听起来像

这里的答案建议加上：

body{overflow-y:scroll；}

此外，在中添加：

显示：块至
.ct coll项目img{…}

填补了这一差距。（我认为这个想法来自）

否则可能会有帮助。
太棒了<代码>溢出-y：滚动似乎解决了这个问题。非常感谢你！太棒了<代码>溢出-y：滚动似乎解决了这个问题。非常感谢你！
// Enable Masonry
    var $grid = $('.grid').imagesLoaded( function() {
        // init Masonry after all images have loaded
        $grid.masonry({
            // set itemSelector so .grid-sizer is not used in layout
            itemSelector: '.grid-item',
            // use element for option
            columnWidth: '.grid-sizer',
            percentPosition: true
        });
    });