响应式菜单在IE中无效

Question

我们的响应式菜单在IE中不起作用，而是在全宽度下工作，但随后消失并且在更窄的窗口宽度（大约800px宽）处仅显示空白区域。不幸的是，大约20％的用户会查看网站IE和Windows手机，因此我们必须关注此问题。有什么想法吗？

http://www.sosc.org/letr

由于

Answer 1

当您的网络服务器正在传递时，您的网站被迫使用IE9 X-UA兼容标头并将其设置为IE = 9。如果您打开F12开发人员工具并将渲染模式更改为IE11，您会发现该网站与Chrome中的工作方式相同。

解决此问题的方法是阻止您的网站向下传递该标题。

IE9无法显示您的菜单，因为您使用的是不支持的CSS功能。

注意：它似乎正在添加

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

会覆盖标题中的设置，因此通过添加此元标记，您可以解决此问题。