0
我在我正在構建的網站中使用Visual Composer for Wordpress。但是,在移動視圖中,顯示的空間可以使網站水平滾動。它發生在任何主題中,我創建了一個頁面,我剝去了所有內容,但錯誤仍然存在......它不可能是插件,因爲我在其他幾個網站上使用它。我錯過了明顯的東西嗎?意外的空間移動視圖
http:// www。 URL的.com/pagina2/
我希望有人察覺什麼錯,它是推動我瘋了..
我在我正在構建的網站中使用Visual Composer for Wordpress。但是,在移動視圖中,顯示的空間可以使網站水平滾動。它發生在任何主題中,我創建了一個頁面,我剝去了所有內容,但錯誤仍然存在......它不可能是插件,因爲我在其他幾個網站上使用它。我錯過了明顯的東西嗎?意外的空間移動視圖
http:// www。 URL的.com/pagina2/
我希望有人察覺什麼錯,它是推動我瘋了..
您可以手動與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" />
這將確保你的窗口將包含自身在手機瀏覽器的窗口。
嗨凱文,感謝您看看這個問題。 overflow-x:hidden解決方案將隱藏桌面上的問題,但您的手機實際上會在屏幕右側顯示一個空的10像素(或類似的東西)。 .vc-row上的邊距不是真正的問題,因爲它們是由bij Visual Composer(我用於創建列的插件)生成的。該代碼應該是合理的。 – Sander
我已經添加了另一個解決方案,可能會有所幫助:)但邊距也可能是一個問題。因爲它來自插件,所以並不意味着不會有問題。 – Kevinvhengst
嗨凱文,你是絕對正確的,這真的取決於插件和開發人員。我在許多其他網站上使用這個插件,但他們似乎沒有問題。隱瞞問題的症狀對我來說也很有用,所以我會在一分鐘內接受你的答案。感謝您的想法! – Sander