2016-08-03 89 views
1

我想弄清楚從幾個部分的移動設備上查看這個巨大的空白空間來自哪裏,如果有一個毯子修復或我必須設置最小高度:0px爲每一個都搞砸了。WordPress的移動最小高度問題

信息: 網站:http://dev.bnpwebdev.com/ 哪裏發生問題:移動(手機/ iPad的)不是桌面 我曾嘗試:

.fusion-one-half .fusion-layout-column .fusion-column-last .fusion-spacing-yes .fusion-column-wrapper { 
min-height:0px;} 

我不是一個CSS專家,所以所有的幫助,將appretiated。

回答

1

您可以像使用普通網站一樣使用PC瀏覽器來調試您的移動網站,方法是使用幾乎所有瀏覽器工具包中的「自適應視圖」(一種開發工具)。

活動,並定義屏幕尺寸:現在你可以複製你的空的空間,並與喜愛的瀏覽器工具包調試它們(我是螢火蟲:)

更一般地,我認爲您的解決方案將在「@媒體「部分,因爲他們定義了有關用戶屏幕大小的特定行爲。使用它們,您將只能編輯網站的移動部分。

+0

我使用鉻,這就是我如何找到瘋狂的差距。因此,如果我使用@media,我會掛斷電話。根據你的回答,這是病態。 「@media .fusion-column-wrapper {min-height:0px;}」 – 2toetommy

+0

我強烈建議您在移動設備上查看您的移動網站。 好的,我以前應該說過,但適應性視圖並不完全代表用戶會看到的內容。它是調試已知錯誤的好工具,但它也可以讓你正確地解決從未存在的問題,然後創建真正的問題。 – technico

+0

我在調試時發現element.style包含給出空間的規則。如圖所示[鏈接](http://puu.sh/qoIxj/d36495b01d.png) 當我取消選中此最小高度時,間隔消失了。我已經看過了style.css,並且找不到它,就像它在頁面加載時生成的東西一樣。 – 2toetommy