Jquery 调整大小后，响应导航会消失吗？

我有一个响应迅速的下拉式导航，在功能上遇到了很大的问题

基本上，页面将正确加载，一切正常，等等。如果我调整页面大小以显示我的移动导航，它将显示我的汉堡包菜单，让我单击并关闭，所有工作正常。但问题就在这里

• 如果我去移动，打开它，然后调整大小而不关闭它，导航将保持可见

• 如果我去移动，打开它，然后关闭它，然后调整到完全，导航将消失

我包括了一些基本的HTML my JS函数，以及一个指向相关站点的链接

HTML

<div class="navigation">
  <div class="container1">
    <a class="nav-logo" href="index.html"><img src="img/logo.svg"></a>
    <div class="mobile">
      <ul class="menu nav-left">
        <a href="html/main-pages/portfolio.html"><li class="button">Work</li></a>
        <a href="html/main-pages/resume.html"><li class="button">Resume</li></a>
        <a href="html/main-pages/contact.php"><li class="button">Contact</li></a>
      </ul>

      <ul class="menu nav-right">
        <a href="#"><li class="button"><i class="fa fa-twitter"></i></li></a>
        <a href="#"><li class="button"><i class="fa fa-codepen"></i></li></a>
        <a href="#"><li class="button"><i class="fa fa-linkedin"></i></li></a>
        <a href="#"><li class="button"><i class="fa fa-behance"></i></li></a>
        <a href="#"><li class="button"><i class="fa fa-github"></i></li></a>
      </ul>
    </div>

    <span class="nav-toggle"><a href="#"><i class="fa fa-bars"></i></a></span>
  </div>
</div>

最后但并非最不重要的一点是，您可以在上找到问题。谢谢大家的帮助，如果有任何问题，我很乐意回答

---

以下是

供将来参考，这是因为当关闭手机上的菜单时，

.mobile

将显示无。这可以通过

解决！重要信息

@media { /* your desktop media query */
  .mobile {
    display: block !important;
  }
}

---

您需要添加媒体查询，以确保

.mobile

元素在手机上隐藏，并且在手机上方的任何位置都可见。汉堡菜单切换显示：无操作。如果它切换，是否意味着再次单击它，将其切换回块？是的，确实如此。这就是为什么如果在调整大小之前打开“移动”菜单，您仍然可以在桌面上看到它。@APAD1我明白了，我一定忽略了全屏媒体查询中的设置“显示：块”。谢谢我想这是一件很容易被我忽略的事情。。。哈哈，谢谢你的帮助！

@media { /* your desktop media query */
  .mobile {
    display: block !important;
  }
}

@media (min-width: 480px) {
    .mobile {display: block !important;}
}