固定菜单 - ＆gt;媒体屏幕css无法正常工作

Question

我有固定的菜单。我将如果浏览器大小很小，菜单得到-130px ...因为不工作？

#nav {
    left: -20px;
    list-style: none;
    margin: 0;
    position: fixed;
    top:0;
    margin-top:415px;
    z-index:99;
}
@media screen and (max-width: 600px){
#nav {
    left: -130px;
    list-style: none;
    margin: 0;
    position: fixed;
    top:0;
    margin-top:415px;
    z-index:99;
}
}

Answer 1

试试这段代码

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

Answer 2

你试过这个吗？

@media screen and (min-width: 601px){
 #nav {
    left: -20px;
    list-style: none;
    margin: 0;
    position: fixed;
    top:0;
    margin-top:415px;
    z-index:99;
 }
}
@media screen and (max-width: 600px){
 #nav {
    left: -130px;
    list-style: none;
    margin: 0;
    position: fixed;
    top:0;
    margin-top:415px;
    z-index:99;
 }
}