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

Question

菜单本身有一些我不知道如何解决的问题，Code似乎有效（至少在那部分），但问题是当用户进入网站时，它被缩放（如上网本的情况），网站标识和nav1菜单重叠。什么在这里失败的线索？我在我的计算机上尝试过firefox，chrome和Opera，它没有重叠，但是在不同的计算机上......缓存问题。

任何帮助都将受到欢迎！

这是URL

Answer 1

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

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

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

如果您想保持#header的宽度为964px

，我建议缩小徽标

Answer 2

你的徽标绝对定位所以它总是从左边87px 可能你需要以不同的方式编写css

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