Html 尝试使用@media代码使我的菜单更具响应性

所以我有这个密码

@media all and (max-width: 1400px) and (min-width: 951px;){
    #navi2 {
        display: none;
    }
}

@media all and (max-width: 950px;){
    #navi2 {
        display: initial;
    }
    #navi{
        visibility: hidden;
    }
}

#navi{
    // MENU CODE
}

我想这样做是为了让它有点反应灵敏，这样如果有更小的屏幕，navi2就可以打开。而navi则代表更大的屏幕

编辑：问题是代码似乎不起作用

---

提前感谢

您的查询中有一个分号：

@media all and (max-width: 1400px) and (min-width: 951px;){

只需去掉分号。就这些

---

问题是什么？问题是什么？代码由于某种原因不起作用！？看起来您的媒体查询中有一个分号

（最小宽度：951px；）

只要删除它就可以了。删除分号就可以了@PDKnight谢谢修复！不。问题不在于向我们展示你的css或网页。