2016-10-03 104 views
0

我在我正在構建的網站中使用Visual Composer for Wordpress。但是,在移動視圖中,顯示的空間可以使網站水平滾動。它發生在任何主題中,我創建了一個頁面,我剝去了所有內容,但錯誤仍然存​​在......它不可能是插件,因爲我在其他幾個網站上使用它。我錯過了明顯的東西嗎?意外的空間移動視圖

http:// www。 URL的.com/pagina2/

我希望有人察覺什麼錯,它是推動我瘋了..

回答

1

您可以手動與CSS禁用此:

body { 
    overflow-x: hidden; 
} 

這將禁用所有的水平滾動,因爲它會阻止任何東西溢出你的容器。

這是由margins引起的.vc_row wpb_row vc_row-fluid。因此,您可以刪除那些margins或使用overflow-x: hidden選項。

在頭部添加此:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

這將確保你的窗口將包含自身在手機瀏覽器的窗口。

+0

嗨凱文,感謝您看看這個問題。 overflow-x:hidden解決方案將隱藏桌面上的問題,但您的手機實際上會在屏幕右側顯示一個空的10像素(或類似的東西)。 .vc-row上的邊距不是真正的問題,因爲它們是由bij Visual Composer(我用於創建列的插件)生成的。該代碼應該是合理的。 – Sander

+0

我已經添加了另一個解決方案,可能會有所幫助:)但邊距也可能是一個問題。因爲它來自插件,所以並不意味着不會有問題。 – Kevinvhengst

+0

嗨凱文,你是絕對正確的,這真的取決於插件和開發人員。我在許多其他網站上使用這個插件,但他們似乎沒有問題。隱瞞問題的症狀對我來說也很有用,所以我會在一分鐘內接受你的答案。感謝您的想法! – Sander