调整大小时停止浏览器推送所有内容

Question

当用户调整浏览器窗口大小时,如何阻止整个网站崩溃？

该网站看起来很完美 - 只有当它被调整为更小的尺寸时才会被破坏.

Answer 1

在它周围放一个固定的最小宽度包装:

<html>
<body>
<!-- Your content -->
</body>
</html>

<html>
<body>
<div style="min-width: 960px; margin: 0 auto;">
<!-- Your content -->
</div>
</body>
</html>

这将确保您的页面始终显示为至少960px的最小宽度(如果浏览器窗口较窄,则会创建水平滚动条).

如果您希望页面始终显示为特定宽度,即使浏览器更宽,您也可以选择使用width而不是min-width.