我的布局是响应式的,但是如果我改变页面的大小就会变得很乱。 我想知道如何在我的身体上放一个最小宽度。这样页面可以调整到例如500px宽。
PS:
我尝试设置
body {
min-width:400px;
}
但没有工作
我使用bootstrap
问题是当我改变窗口(页面)的大小时。当我离开宽度时,非常小的组件未对齐。
答案 0 :(得分:1)
您需要使用chrome / FF dev工具检查元素,并确保bootsrap样式不会覆盖您的样式。你也可以试试这个:
body {
min-width:400px !important;
}
如果有效,则表示bootsrap覆盖了样式。
答案 1 :(得分:0)
您无法真正控制<body>
元素的宽度,因为它必须填充浏览器窗口。尝试将内容包装在<div>
中,最小宽度。
答案 2 :(得分:0)
您可以为固定宽度的布局提供父div,如果缩小浏览器大小,则会出现滚动条,不会有任何混乱。
控制体宽不会没用
另一种方法是给出宽度大小的百分比值来维护布局结构