css - 基于 Bootstrap 的主题在 IE10 中被破坏

Question

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

问候奥斯卡

Answer 1

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

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

如果您点击F12并使用 IE 的开发人员工具栏，然后将from的width属性设置为未选中（因此不再是该值，该站点突然看起来很正常。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，但是一个不适用于 IE 10 的 hack。

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

所以作为一个快速修复，我想你可以做的一件事是在 中设置一个自定义css属性，该img属性navbar与img.