调整大小为移动设备,然后再调整回桌面时出现媒体查询问题



我有一个网站,它对移动设备使用的菜单与使用媒体查询的桌面版本不同。如果我将桌面浏览器窗口调整为移动宽度并单击移动导航下拉按钮,然后将窗口大小调整回桌面大小,则移动菜单仍然可见,而不是更改回显示:none。不幸的是,这个网站仍在暂存中,所以我无法向您展示一个实时示例,但我希望有人能指出我正确的方向,一旦窗口大小调整回全屏,该 DIV 就会再次隐藏。

此外,我意识到这种情况在现实世界中发生的可能性很小,但客户无论如何都希望解决这个问题。

谢谢!

我发现首先显示 DIV 的是 javascript,而不是媒体查询,所以我只是将 display:none 添加到桌面媒体查询的div 中,问题就消失了。谢谢!

最新更新