css - 在手机屏幕上隐藏菜单列表

Question

要隐藏我使用的移动屏幕上的菜单栏:

@media (min-width:320px){
    menu{display:none;}
}

@media (min-width:481px){
    menu{display:none;} 
}

但这也会导致桌面上的菜单也被禁用。
这是网站whiskersjersey.co.uk

Answer 1

如果你只想要菜单栏，你应该使用 @media (max-width:481px) {menu{display:none;}} 而不是 min-width隐藏在手机屏幕上