html - 调整浏览器大小时网站布局混乱

Question

正如标题所示，我在创建网站时遇到了问题。它目前处于设计阶段，我在将浏览器置于窗口模式时遇到问题。

一切都在重新安排它自己。如果您滚动一下，您会看到一些部分乱序。

我不知道我做错了什么，但我非常想解决这个问题。

score 2 · Accepted Answer

整个网站没有设置最小宽度。您的#container_main 的宽度设置为 1002 像素，而站点的其余部分没有设置，因此标题和菜单将折叠到浏览器的宽度。您可以通过设置快速解决此问题

#wrapper {
    min-width: 1002px;
}

所以整个网站有一个最小宽度。

score 1 · Accepted Answer

您需要使用媒体查询来调整字体大小、元素宽度等，以适应各种屏幕分辨率。

score 1 · Accepted Answer

1

<div id="nav">

您的 CSS 必须是：

#nav

{
width:100%
}

于 2013-07-29T13:01:14.440 回答

score 1 · Accepted Answer

你必须制作一个响应式设计网站来克服这个问题。这是Ethan Marcotte 的一本关于响应式设计的好书。它将涵盖如何制作响应式网格、响应式图像和媒体查询的所有主题 + 这只有 150 页的小型免费 pdf：D

4 回答 4