如何防止Web应用程序的水平滚动?

时间:2013-04-04 20:34:48

标签: html css twitter-bootstrap responsive-design

当我将浏览器的宽度减小到可能的最小值时,我仍然看到用户可以水平滚动。鉴于我正在使用Twitter Bootstrap,我预计情况并非如此。如何防止在此页面上发生这种情况:

http://warm-chamber-7399.herokuapp.com/

2 个答案:

答案 0 :(得分:1)

你可以使用

body{ overflow-x: hidden;}

答案 1 :(得分:0)

这就是你所需要的 -

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

不要将它应用于身体或其他元素,因为它可以搞砸了。