使用Javascript调整屏幕大小时覆盖样式（由上一个函数给定）

我在网站移动版的标题中有一个按钮（QuickFix

一旦发生

调整大小

事件，是否隐藏移动菜单

这可能也会发生在肖像/风景的变化…但它也可能是有用的。你来决定

window.addEventListener("resize", ()=>{
  if(document.getElementById("mobile-nav").style.display === "flex"){

    // Use the existing function to close it
    mobileNav();
  }
});

---

将您通过JS添加的样式封装到CSS类中，只需通过JS添加/删除这些样式。然后更改CSS，使这些类在适当的断点处应用/不应用。@HereticMonkey我将尝试一下，但这似乎是同样的困境，只适用于类而不是样式。其他解决方案的问题不是我尝试过的是，它们不会覆盖mobileNav函数生成的样式（或类，如果我尝试该解决方案的话）。