响应式Web设计限制

Question

我希望我的网站在窗口较大时展开，并相应地居中，但是当窗口缩小时，我希望网站崩溃直到某个点，然后崩溃停止。

有没有办法在响应式网站上设置最小宽度？

Answer 1

body{min-width:480px}

或者你想要的最小宽度。

Answer 2

你可以使用css属性min-width。

Answer 3

min-width的额外好处是您可以为主窗口设置它，但也可以为页面上的每个组件设置它 - 侧边栏或内容块。

每个最小宽度/最大宽度可以不同，因此当您调整页面大小时，这些块将符合它们的限制。

这使得快速而肮脏的移动网站变得非常简单，如果所有的最小宽度块都按照您在HTML中编写的顺序垂直堆叠（减去您在那里的任何浮动/固定位置块） ）。