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

Question

我不想在宽度 < 610 像素的屏幕上显示水平菜单栏。为此，我将导航标签设置为:

nav{display:none;}

现在，我将我的媒体查询写成:

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

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

Answer 1

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

jsFiddle here

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