html - Bootstrap Image Responsive 在 IE 上搞砸了

Question

我一直在使用 Bootstrap 开发我的网站，基本上，我有这个结构..

<div class="container">
    <img src="~/Content/Theme/img/image.png" class="img-responsive" style="margin: 0 auto;" />
</div>

它在 Chrome 和 Firefox 上完美运行，但是当我在 Internet Explorer 9 上测试它时，图像变大了，甚至超过了图像本身的大小。当我在 IE (F12) 上使用 Debug模式并取消勾选 .img-responsive 下的 width:100%; 设置时，它恢复正常。

我应该如何解决这个问题？我已经在这里尝试了一些解决方案，包括将 .col-sm-12 添加到图像中，但它仍然无法在 IE 上修复它。

Answer 1

将此添加到您的覆盖样式表中:

.img-responsive {width: auto;}

结合 Bootstrap 中的 max-width 语句，应该可以解决这个问题。另请注意，Bootstrap v3.2.1 还原了导致该问题的提交。

Github discussion for bug #13996