Javascript 打开和关闭后响应导航消失，并调整到大屏幕

我仍然没有一个解决办法，谁能帮我这个一定很容易。我认为解决方案必须在javascript中找到，而不是在媒体查询中，因为这对我不起作用

我得到了一个响应导航，当屏幕小于1000px时显示导航btn，但使用导航btn打开+关闭后，菜单项在调整屏幕宽度时消失，水平菜单项需要返回原位，但由于js，菜单项消失

当调整屏幕大小时，您可以看到4个菜单项水平内联，当小于1000px时，您可以在打开和关闭并调整屏幕大小后看到响应菜单，大于1000px时，4个菜单项中的3个消失

$(function() {
$('.nav-btn').click(function(event) {
    $('nav ul').fadeToggle(300);
});
});

---

我遇到了同样的问题，并使用

CSS

@media-anotation解决了这个问题：

@media screen and (max-width: 1000px) {
    // your needed style here
}

此外，如果您有不同的尺寸/需要检查

重要：对于我来说，我需要定义所有尺寸，以便在屏幕大小发生变化时有正确的行为，因此为了避免奇怪的事情，必须定义如下内容：

@media screen and (min-width: 769px) {
    /* COMPUTER STYLES HERE */
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    /* TABLET STYLE HERE */
}

@media only screen and (max-device-width: 480px) {
    /* MOBILE PHONE STYLE HERE */
}

---

我也这么做了，但它没有响应，也没有再次显示菜单项。我会再试一次，也许是我做错了什么。奇怪，没有反应，我第一次想到它的时候就想到了。谢谢Jordi，好的建议会用到它，但它仍然不能得到菜单。你看到它在使用小提琴时发生吗？调整屏幕大小，使您看到导航btn打开+关闭，然后再次调整大小，您只看到“无标题”。有人可以帮助您吗？