正如标题所示,我在创建网站时遇到了问题。它目前处于设计阶段,我在将浏览器置于窗口模式时遇到了问题。
一切都在某种程度上自我回归。如果你稍微滚动一下,你会看到一些部分出现故障。
我不知道我做错了什么,但我非常想解决这个问题。
这是我目前网站的链接: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%
}