HTML，CSS - 由於未知原因水平超出屏幕水平

我在experimental.danielhons.de下創建了一個網站，使用移動設備或縮小瀏覽器窗口的寬度來查看網站時出現問題。HTML，CSS - 由於未知原因水平超出屏幕水平

在某些時候，頁面會水平滾動，右側會出現空白。

用Firebug，我看到它是身體標記超過了屏幕，但我已經使用這個CSS：

html, body { 
    max-width: 100%; 
    overflow-x: hidden; 
    overflow:hidden; 
}

如何防止頁面被水平滾動？ Screeshot with overflow:auto

2016-09-28 AsconX

我記得前一段時間有類似的問題。在我的情況下，它是標題圖像。您可能需要考慮通過適當的媒體查詢爲手機提供更小的圖片。 – 2016-09-28 11:58:56

我使用background-size：cover;所以我希望這不是問題。 - 現在檢查：移除圖像不會改變行爲。 – AsconX

添加這個CSS

body { 
    height: 100%; 
    overflow: auto; 
} 

html { 
    max-width: 100%; 
}

2016-09-28 11:48:19 Komal

我現在在responsee.css中使用了這個塊，仍然沒有區別。 – AsconX

刪除你的上面的CSS部分 – Komal

我做到了，我把它替換成你的CSS。 – AsconX

我可以清楚地看到，你有你的身體標記overflow: scroll;集。您可以使用overflow-x:hidden;僅覆蓋x軸專用規則。

2016-09-28 11:50:14

）你是對的，現在刪除了responsee.css中的部分，並將其替換爲template-style.css，但仍然沒有區別。 – AsconX

@AsconX你不需要刪除任何東西，你可以通過應用覆蓋現有的CSS一個優先級更高的規則，那就是它的美，層疊效應。 –

好吧，但是我將不得不做一些返工，並刪除未使用的CSS。模板有很多東西，我不再需要了。 – AsconX

回答