css - css メディア クエリを使用してナビゲーションを表示すると、メニュー項目が表示されない

Question

幅が 610 ピクセル未満の画面に表示したくない水平メニュー バーがあります。そのために、navタグを次のように設定しています：

nav{display:none;}

今、私はメディアクエリを次のように書いています:

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

画面サイズが 610px を超えていることを確認すると、メニュー リスト項目がなく、空のメニュー バーしか表示されません。ちなみに、<ul>タグには z-index:2 も使用しています。

Answer 1

以下を使用して、私が行った変更に注意してください。

ここでjsFiddle

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