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

我的布局是响应性的，但是如果我改变页面的大小，它就会变得一团糟。 我想知道如何在我的身体上设置最小宽度。这样页面就可以调整到500px宽

PS:

我试着设置

body {
    min-width:400px;
}

但是没有工作

我使用引导

---

问题在于何时更改窗口（页面）的大小。当我离开宽度时，非常小的组件没有对齐。

您需要使用chrome/FF开发工具检查元素，并确保bootsrap样式没有覆盖您的样式。您也可以尝试以下方法：

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

---

如果这样做有效，则意味着bootsrap正在覆盖样式。

您无法真正控制

元素的宽度，因为它必须填充浏览器窗口。尝试将您的内容包装在一个最小宽度的

中。

您可以为固定宽度的布局提供父div，然后滚动条出现如果减小浏览器大小，就不会有任何混乱

控制车身宽度是没有用的

---

另一种方法是为宽度大小提供百分比值，以保持版面结构

将

最小宽度

放在正文上？没有效果，我使用引导，它有影响？这不是真的，你可以将正文宽度设置为与其他元素相同我可以阻止调整页面大小？一起阻止调整大小不是一个好主意，同时也忽略了对响应性设计的需求。通过设置

最小宽度

，您可以限制符合您目标的最小大小（即不破坏布局），玩该网站，查看其破坏的大小，这是您的限制。