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

Question

我们的响应式菜单在 IE 中不工作，而是以全宽工作，但随后消失并仅在更窄的窗口宽度（大约 800 像素宽）处显示空白。不幸的是，大约 20% 的用户浏览该网站 IE 和 Windows 手机，因此我们必须关注这一点。有任何想法吗？

http://www.sosc.org/letr

谢谢

Answer 1

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

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

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

注意：它似乎在添加

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

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