额外';空间';在wordpress响应式布局中
我最近下载了wordpress主题(responsive),并使用css媒体查询来调整不同宽度的布局——1020px、610px、480px、320px 请参阅我的页面 当我将窗口从1020px最小化到610px,从610px最小化到480px时,网格将平滑地重新排列。当我从480px切换到320px时,“问题”就出现了,因为在弹出的特色图片缩略图下面似乎有一个额外的空间,这导致了一个帖子图片和下一个帖子图片之间的巨大差距。当我从横向视图旋转到纵向视图时,我的笔记本电脑和iPhone上的浏览器都会出现这种情况 当我从320px切换到480px(将iPhone从纵向旋转到横向)时也会出现同样的问题,只是这次图像重叠了 有人知道这是什么原因吗 一般来说,我对媒体查询、php和自定义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上的浏览器都
提前非常感谢:)jQuery砖石插件在努力将内容回流到瘦窗口时,正在向
添加内联样式。除了修改该插件(或在特定屏幕宽度下禁用它),您可以在相应的媒体查询中非法覆盖这些样式。在我看来,像这样的东西会起作用:
#post-area .post {
float: left;
top: auto ! important;
display: block;
position: relative ! important;
}
根据,对于媒体查询的大小调整,该方法可能比砌体更有效