Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
额外';空间';在wordpress响应式布局中_Wordpress_Responsive Design_Media Queries - Fatal编程技术网

额外';空间';在wordpress响应式布局中

额外';空间';在wordpress响应式布局中,wordpress,responsive-design,media-queries,Wordpress,Responsive Design,Media Queries,我最近下载了wordpress主题(responsive),并使用css媒体查询来调整不同宽度的布局——1020px、610px、480px、320px 请参阅我的页面 当我将窗口从1020px最小化到610px,从610px最小化到480px时,网格将平滑地重新排列。当我从480px切换到320px时,“问题”就出现了,因为在弹出的特色图片缩略图下面似乎有一个额外的空间,这导致了一个帖子图片和下一个帖子图片之间的巨大差距。当我从横向视图旋转到纵向视图时,我的笔记本电脑和iPhone上的浏览器都

我最近下载了wordpress主题(responsive),并使用css媒体查询来调整不同宽度的布局——1020px、610px、480px、320px

请参阅我的页面

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

当我从320px切换到480px(将iPhone从纵向旋转到横向)时也会出现同样的问题,只是这次图像重叠了

有人知道这是什么原因吗

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


提前非常感谢:)

jQuery砖石插件在努力将内容回流到瘦窗口时,正在向
添加内联样式。除了修改该插件(或在特定屏幕宽度下禁用它),您可以在相应的媒体查询中非法覆盖这些样式。在我看来,像这样的东西会起作用:

#post-area .post {
    float: left;
    top: auto ! important;
    display: block;
    position: relative ! important;
}
根据,对于媒体查询的大小调整,该方法可能比砌体更有效