如何防止Web應用程序水平滾動？

當我將瀏覽器的寬度縮小到儘可能最小的數量時，我仍然看到用戶能夠水平滾動。鑑於我正在使用Twitter Bootstrap，我預計情況並非如此。我如何防止這種情況發生在本頁面：如何防止Web應用程序水平滾動？

2013-04-04 sharataka

'.navbar-inner'對各方造成它比''，這反過來又導致水平滾動條寬切緣陰性。要麼調整，要麼做溢出：隱藏 – Neps 2013-04-04 20:48:46

這就是你需要 - 什麼

.navbar-wrapper { 
    max-width:100%; 
    //your other CSS 
}

不要把它應用到身體或其他元素，因爲它可以搞砸。

2013-04-04 20:39:35 Vector

這似乎阻止了水平滾動，但現在當我將瀏覽器的寬度降至最低點時，頂部導航欄似乎被切斷。有關如何解決這個問題的任何建議？ – sharataka 2013-04-04 21:20:16

你是否嘗試過最大寬度而不是溢出。就像我上面重新編輯的代碼一樣。 – Vector 2013-04-04 21:30:05

@sharataka定義'max-width'和'min-width'。 – Mido 2013-04-04 21:31:02

可以使用

body{ overflow-x: hidden;}

2013-04-04 20:42:07

回答