UL菜单赢得'；使用Javascript后，屏幕无法显示

当你将页面的大小调整到600像素时，它应该去掉菜单，并放置一个可以单击的菜单按钮。至少单击一次，然后关闭菜单，然后调整页面大小，使其超过600像素，菜单将不再出现。为什么会这样

*{
字体系列：“Helvetica Neue”，Helvetica，Verdana，“Segoe UI”，Arial；
保证金：0；
填充：0；
文字装饰：无；
列表样式：无；
列表样式类型：无；
}
身体{
颜色：白色；
字体大小：15px；
背景：ddd；
}
a{
颜色：深蓝色；
字体大小：粗体；
}
.标志{
宽度：60%；
最大宽度：335px；
最大高度：50px；
垂直对齐：居中；
}
梅纽康先生{
宽度：80%；
最大宽度：20px；
}
收割台img{
最大高度：50px；
}
标题{
高度：50px；
背景：#222；
颜色：白色；
}
.菜单{
显示：块；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#222；
边框底部：实心1px#111；
z指数：10；
}
李先生{
浮动：左；
}
.菜单李a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：10px 16px；
文字装饰：无；
}
.menu li a:悬停：非（.active）{
背景色：#444；
}
.菜单李a{
颜色：白色；
背景色：#0abee6；
}
尤利姆先生{
浮动：对；
填充：10px！重要；
显示：无；
}
@媒体屏幕和屏幕（最大宽度：600px）{
尤利姆先生{
显示：块；
}
.菜单{
边框左下半径：10px；
显示：无；
位置：绝对位置；
右：0；
}
.菜单{
浮动：对；
溢出：可见；
列表样式类型：无；
宽度：200px；
边框：实心1px黑色；
边界顶部：无；
}
李先生{
浮动：无；
}
.菜单李a{
文本对齐：左对齐；
}
李：最后一个孩子{
边框左下半径：10px；
边框底部：无；
}
}

功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display=='block'）
e、 style.display='none'；
其他的
e、 style.display='block'；
}
这是离题的，因为它的立场，更多信息，请阅读将立即修复它提供一些代码来解释您尝试了什么etcI已经尝试了
@媒体屏幕和（最小宽度：600px）{.menu{display:block！important；}
这不起作用，当它下降到600像素时，它甚至阻止javascript打开菜单，我不明白为什么。媒体不应该只在页面变成600像素或更大的时候才出现吗？