wordpress响应式布局中的额外“空间”

Question

我最近下载了Gridly wordpress主题（响应），并使用css媒体查询调整不同宽度的布局-1020px、610px、480px、320px。

在这里看到我的页面。

当我将窗口从1020px最小化到610px，从610px最小化到480px时，网格将平滑地重新排列。当我从480px切换到320px时，“问题”就出现了，因为在弹出的特色图片缩略图下面似乎有一个额外的空间，这导致了一个帖子图片和下一个帖子图片之间的巨大差距。当我从横向视图旋转到纵向视图时，我的笔记本电脑和iPhone上的浏览器都会出现这种情况。

当我从320px切换到480px（将iPhone从纵向旋转到横向）时，同样的问题也会发生，只是这次图像重叠了。

有人知道这是什么原因吗？

一般来说，我对媒体查询、php和自定义wordpress主题比较陌生，所以我可能遗漏了一些基本的编码元素。

提前非常非常感谢：）

Answer 1

jQuery砖石插件在努力将内容回流到瘦窗口时，正在将内联样式添加到

#post-area .post {
    float: left;
    top: auto ! important;
    display: block;
    position: relative ! important;
}

根据这个答案，同位素插件可能比砌体更好地用于媒体大小调整。