Html 重新增加浏览器大小时如何显示div？

我正在显示一个div。单击“关闭/打开”时，div将隐藏或显示

我想要的是，当div被隐藏并且当我将浏览器大小增加到>767px时，div应该自动显示回来

若要测试它，请先减小浏览器的大小，然后单击“关闭”使div隐藏，然后再次增大浏览器的大小，然后div应显示回来，但不会显示

如何做到这一点

/*将侧导航的宽度设置为250px*/ 函数openNav{ document.getElementByIddemo.style.display=block； } /*将侧边导航的宽度设置为0*/ 关闭导航功能{ document.getElementByIddemo.style.display=none； } 演示{ 显示：块； } @媒体屏幕和最大宽度：767px{ 演示{ 显示：无； } } 你好 打开 关闭您必须使用最小宽度而不是最大宽度来实现这一点。我也在用！重要的是，不管我多么鄙视它，它是重写JavaScript设置的样式所必需的

@媒体屏幕和最小宽度：767px{ 演示{ 显示：块！重要； } } 片段：

/*将侧导航的宽度设置为250px*/ 函数openNav{ document.getElementByIddemo.style.display=block； } /*将侧边导航的宽度设置为0*/ 关闭导航功能{ document.getElementByIddemo.style.display=none； } 演示{ 显示：块； } @媒体屏幕和最小宽度：767px{ 演示{ 显示：块！重要； } } 你好 打开

---

Close我不理解这个问题，在代码片段中，它似乎工作得很好。。。请更好地解释我更新了我的问题，希望它现在更清楚它工作正常。所以我们需要！重写javascript集样式很重要吗？不客气@Raj。我很高兴能帮上忙。是的，我没有测试过！很重要，但它没有起作用。