wordpress響應式佈局中的額外'空間'

Question

我最近下載了Gridly wordpress主題（響應式），並使用CSS媒體查詢來調整不同寬度的佈局--1020px，610px，480px，320px。

查看我的頁面here。

當我最小化從1020px到610px和610px到480px的窗口時，網格平滑重新排列。當我從480像素切換到320像素時會出現「問題」，因爲在彈出的精選圖像縮略圖下方似乎會有一個額外的空間，這會導致一個後期圖像和下一個後期圖像之間出現很大差距。當我從橫向旋轉到縱向視圖時，這發生在筆記本電腦上的瀏覽器和我的iPhone上。

同樣的問題發生在我從320px切換到480px（將iPhone從肖像旋轉到風景）時，只有這時圖像重疊。

有沒有人有任何想法可能會導致此？

我對媒體查詢，PHP和定製wordpress主題一般都比較陌生，所以我可能錯過了一些基本的編碼元素。

非常感謝你非常提前:)

Answer 1

jQuery的砌體插件，在其努力迴流事情骨感的窗口，是加入內嵌樣式到<div class="post">秒。在修改該插件（或在特定屏幕寬度以下禁用該插件）之後，您可能會在適當的媒體查詢中胡亂修改這些樣式。在我看來像這樣的事情會做的伎倆：

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

據this answer，該Isotope plugin可能比砌體更好地爲媒體查詢調整大小。