在IE10中打破了基于Bootstrap的主题

Question

http://metagraf.github.io在所有经过测试的浏览器中都表现良好,直到IE10出现.在IE10中查看时,顶部菜单覆盖整个页面.有关页面在IE10中的外观的截图可以在这里看到:https ://dl.dropboxusercontent.com/u/2897577/ie10.png有关如何解决此问题的任何想法？

关于奥斯卡

Answer 1

因此，当我在 IE 10 中运行相关网站时，确实，顶部菜单在 IE 10 中看起来确实有问题。

问题的直接根源是img导航栏中的。

如果您点击F12并使用 IE 的开发人员工具栏，然后将fromwidth的属性设置为未选中（因此不再是该值），该网站会突然看起来正常。imgautoauto

深入研究这个问题，以下是引导程序中css的设置img：

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

好吧，那么世界上到底是什么width: auto\9？嗯，看起来这是一个 IE hack，但是这个 hack 不适用于 IE 10。

1. CSS \9 宽度属性
2. http://www.paulirish.com/2009/browser-specific-css-hacks/

因此，作为快速解决方案，我想您可以做的一件事是在 中设置一个与 的宽度精确相关的自定义css属性。imgnavbarimg