如何徹底防止網頁橫向捲動？

禁止網頁水平滾動

在此查詢中，一位沮喪的開發人員在其網頁上遇到了不需要的水平滾動條。雖然現有的解決方案只是隱藏滾動條，但他們尋求一種全面的方法來物理禁用水平滾動功能。

要修正此問題，建議的解決方案是實作以下 CSS 程式碼：

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

這段程式碼有效阻止使用者水平捲動網頁，限制滾動只能在垂直方向。透過為 HTML 和 body 元素定義 100% 的最大寬度，容器的大小被限制為頁面的寬度，從而消除了滾動超出該邊界的可能性。此外，將 Overflow-x 屬性設為隱藏可確保隱藏超出寬度限制的任何多餘內容，而不是觸發水平捲動。

以上是如何徹底防止網頁橫向捲動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！