Jquery 如何修复响应导航

我有一个问题是基于我以前的一些工作

我正在建立一个反应灵敏的导航系统

当

按灰色块打开导航-工作正常。 按灰色块隐藏导航-工作正常

但是，一旦您隐藏导航并将屏幕大小增加到800px以上，主导航仍然隐藏，不会再次出现

有任何机构可以协助解决这个问题吗

这很简单，改变：

/* =============================================================================
  NAVIGATION MEDIA MAX 800PX
   ========================================================================== */
 @media screen and (max-width: 800px) { 

进入

停止这个问题。我真的不知道为什么你会希望最大宽度为800px，但如果你真的需要它，试着把它放在标题的主体

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

---

在CSS中使用“仅媒体查询”屏幕，其中您有：

...
/* =============================================================================
  NAVIGATION MEDIA MAX 800PX
   ========================================================================== */
 @media screen and (max-width: 800px) {
...

---

这个参数max width:800px给您带来了麻烦。更改或删除它。

这很简单。我已经更新了JS小提琴，请检查一下

在CSS中添加此媒体查询

 @media screen and (min-width: 800px) {
     #nav {
         display:block!important;
}
 }

---

css的问题。。对于小于800px的媒体，css是可以的。。但是css不少于1是不好的。。您将切换设置为{display:none；}这就是它不起作用的原因。。只要检查一下下面的小提琴就行了。。嗨，这不起作用？我只应用了切换导航的样式。。从媒体css中添加所有必要的样式后尝试。您的小提琴。。嗨，你建议换成什么？嗨，我不知道你为什么把它放在那里。这些限制通常是在您使用移动CSS时设置的，并且您希望覆盖多个屏幕大小。但在你的情况下，你可以删除和最大宽度：800px的部分，它会工作。其他导航链接是隐藏的，当你增加屏幕大小后隐藏下拉菜单你检查JS小提琴，我没有看到任何问题。如果存在，你能发送一个截图吗？这样我才能理解你的想法。

...
/* =============================================================================
  NAVIGATION MEDIA MAX 800PX
   ========================================================================== */
 @media screen and (max-width: 800px) {
...

 @media screen and (min-width: 800px) {
     #nav {
         display:block!important;
}
 }