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

Question

我有水平菜单栏，我不想显示宽度为＆lt;的屏幕。 610像素为此，我将我的导航标记设置为：

nav{display:none;}

现在，我正在编写媒体查询：

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

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

Answer 1

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

jsFiddle here

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