响应式菜单的奇怪行为

Question

我使用

创建了用于PC浏览器的响应式菜单和用于Samsung S5的Android浏览器的网站

@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3)

菜单仅适用于PC。当网站在移动浏览器上运行时（原生和Chrome也是如此），那么.menu块似乎得到了想要的大小，但仍然是不可见的，虽然没有显示：无。

我使用z-index来解决我的问题，但没有任何事情发生，但仍然无法找到错误。当隐藏设置.content显示时，则.menu看起来没问题。 Div .menu似乎是.content的下方（？），但如果有，那么为什么z-index不能正常工作？

这是此网站Website。有人可以检查一下这个问题吗？

Answer 1

我发现了问题。在 3em 上设置了 .navigator 的高度。 Div .menu 位于 .navitagor

内