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



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

一切都在某种程度上自我回归。如果你稍微滚动一下,你会看到一些部分出现故障。

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

这是我目前网站的链接:http://www.dennis-website.co.nf/index.html

整个站点没有设置最小宽度。你的#container_main的宽度设置为1002px,而网站的其他部分没有,所以标题和菜单将折叠到浏览器的宽度。你可以通过设置快速解决这个问题

#wrapper {
    min-width: 1002px;
}

因此整个站点的宽度最小。

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

示例:http://webdesignerwall.com/tutorials/css3-media-queries

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

<div id="nav">

你的CSS必须是:

#nav
{
width:100%
}

最新更新