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

时间:2013-07-29 12:48:52

标签: html css

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

所有的东西都会重新排列它自我。如果您滚动一下,您会看到某些部分出现故障。

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

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

4 个答案:

答案 0 :(得分:2)

整个网站没有设置最小宽度。您的#container_main的宽度设置为1002px,而网站的其余部分则没有,因此标题和菜单将折叠到浏览器的宽度。您可以通过设置

快速解决此问题
#wrapper {
    min-width: 1002px;
}

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

答案 1 :(得分:1)

您需要使用Media queries来调整字体大小,元素宽度以及更多屏幕分辨率。

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

答案 2 :(得分:1)

<div id="nav">

你的CSS必须是:

#nav

{
width:100%
}

答案 3 :(得分:1)

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

相关问题