css - 通过 css 媒体查询使导航可见时，菜单项未显示

Question

我有水平菜单栏，我不想为宽度 < 610 px 的屏幕显示。为此，我将导航标签设置为：

nav{display:none;}

现在，我将媒体查询编写为：

@media screen and (min-width:610px){nav{display:block;}}

当我检查屏幕尺寸>610px 时，我只得到没有任何菜单列表项的空白菜单栏。顺便说一句，我也使用 z-index:2 作为我的<ul>标签。

Answer 1

使用以下内容，注意我所做的更改。

jsFiddle在这里

@media screen and (max-width:610px){
    nav{
        display:none;
    }
}