徽标和导航菜单在缩放时重叠的问题

Question

菜单本身有几个问题我不知道如何解决，代码似乎有效（至少在那部分），但问题是当用户进入网站时，它会缩放（就像上网本的情况一样） ），网站徽标和 nav1 菜单重叠。关于这里失败的任何线索吗？我已经在我的计算机上尝试过 firefox、chrome 和 Opera，并且它不重叠，但在不同的计算机上是......该位的缓存问题。

任何帮助将非常受欢迎！

这是URL

Answer 1

这是因为上网本的分辨率或浏览器宽度太小，无法容纳徽标和导航。当我将浏览器拖动到更窄的范围时，我看到了同样的问题。

您可以缩小徽标或将 #header 的宽度更改为 1024px，以防止其缩小太多。

然而，这意味着内容会溢出上网本上的浏览器窗口。

如果您想保持 #header 的 964px 宽度，我建议缩小徽标

Answer 2

您的徽标是绝对定位的，因此它始终距左侧 87 像素
可能你需要以不同的方式编写CSS

.logo img {
left: 87px;
padding: 20px;
position: absolute;
top: 28px;
z-index: 18;
}