缩小时，网站“崩溃”

Question

为什么当我缩小显示时，我的网站会“崩溃”？

是否有某些CSS属性可以解决此问题？

以下是相关网页的链接：

http://www.raycavanaugh.com/per%20word.html

Answer 1

1. 我同意上述Diodeus的评论：浏览器缩放从未打算能够在所有分辨率下维护布局。一旦你缩小或显着缩小，大多数网站就会崩溃。

2. CSS方法有助于：

   1. 在您的内容周围设置固定宽度的居中包装。例如：放大或缩小此页面
   2. margin: auto;或text-align: center以元素为中心而非静态值
   3. 流体布局样式与百分比

其中大多数是在设计阶段应该考虑的问题，并且与浏览器窗口重新调整大小时应该发生的事情重叠。如果该网站在各种浏览器宽度方面看起来很好，那么它在放大和缩小（在某种程度上）也可能看起来很好。

例如：当您在广泛或非常狭窄的浏览器中查看您的网站时，标题看起来很奇怪。我建议添加：

#menu-container {
    width: 700px;
    margin: auto;
}

或者放置一个＆＃39;框架＆＃39;关于内容的某种形式。