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

时间:2013-11-13 21:08:05

标签: mobile media-queries navigationbar

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

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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