调整屏幕大小 - 背景图像消失|奇怪的事情|

Question

如果你看看我的网站，一切似乎都没问题，......直到你最小化网站。出现水平滚动条，当您使用该滚动条时，您将看到我的图像已消失。

My Website

我使图像反应灵敏......所以我不知道为什么它会消失......

我会让整个网站做出响应，但我现在只是做标准...有点试用。所以我只想让我的酒吧留在中间。我用边距做了这个：0自动...

从我的代码中取出它似乎已经解决了，但我不明白为什么这会阻碍我的网站......

.wrapper{
    width:960px;
    margin:0 auto;
}

Answer 1

您已完成导航菜单：

.navtop {
  width: 800px;

  /*Other rules*/
}

这将导致菜单的静态宽度，即使在调整大小时也会导致水平滚动条。图像从那里开始是白色的，因为它被调整为调整浏览器窗口大小的大小。 我建议您使用百分比将宽度更改为动态，例如：

.navtop {
  width: 80%;

  /*Other rules*/
}

一般情况下，请避免使用静态width，因为网站的开发是为了响应。 我还建议您查看有关响应式设计的一些有用框架：Bootstrap和Foundation。