html - 响应式网页设计限制

Question

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

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

Answer 1

body{min-width:480px}

或者你想要的任何最小宽度。

Answer 2

您当然可以使用一个 css 属性min-width 。

Answer 3

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

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

如果所有最小宽度块开始垂直堆叠，按照您在 HTML 中编写它们的顺序（减去您在其中的任何浮动/固定位置块），这使得创建一个快速而肮脏的移动站点变得非常简单。