响应式菜单在 IE 中不起作用

Question

我们的响应式菜单在 IE 中不起作用，而是在全宽下工作，但随后消失并仅显示白色 space，宽度更窄 window（约 800 像素宽）。不幸的是，我们大约有 20% 的用户查看网站 IE 和 Windows 手机，因此我们必须关注这一点。有什么想法吗？

http://www.sosc.org/letr

谢谢

Answer 1

您的网站被迫使用 IE9，因为您的网络服务器正在通过 X-UA-Compatible header 并将其设置为 IE=9。如果您打开 F12 开发人员工具并将呈现模式更改为 IE11，您会注意到该站点的工作方式与 Chrome 中的相同。

解决此问题的方法是阻止您的网站传递 header。

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

注意：似乎添加了

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

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