html5 - 如何在响应式布局中禁用水平滚动

时间:2013-06-11 20:46:43

标签: html5 css3 twitter-bootstrap

我的布局是响应式的,但是如果我改变页面的大小就会变得很乱。 我想知道如何在我的身体上放一个最小宽度。这样页面可以调整到例如500px宽。

PS:

我尝试设置

body {
    min-width:400px;
}

但没有工作

我使用bootstrap

问题是当我改变窗口(页面)的大小时。当我离开宽度时,非常小的组件未对齐。

3 个答案:

答案 0 :(得分:1)

您需要使用chrome / FF dev工具检查元素,并确保bootsrap样式不会覆盖您的样式。你也可以试试这个:

 body {
    min-width:400px !important;
}

如果有效,则表示bootsrap覆盖了样式。

答案 1 :(得分:0)

您无法真正控制<body>元素的宽度,因为它必须填充浏览器窗口。尝试将内容包装在<div>中,最小宽度。

答案 2 :(得分:0)

您可以为固定宽度的布局提供父div,如果缩小浏览器大小,则会出现滚动条,不会有任何混乱。

控制体宽不会没用

另一种方法是给出宽度大小的百分比值来维护布局结构