4

我一直在破解和挖掘 google + stackoverflow，希望在下面找到与我的问题相关但找不到的相关解决方案：

我正在使用 bootstrap (twitter) ver 2.0 并遇到图像调整大小在 IE8 上不起作用但在其他浏览器上起作用。

图片调整大小的原始代码是：

 <img src="alpha1-stamp.png" width="70" height="70">

它在 Safari、Firefox 和 Google Chrome 等浏览器中表现得非常好，但不是 IE8（我在另一个桌面上拥有的唯一版本，但认为它不应该适用于所有 IE 版本）

请建议并迫切需要修复这个 IE 噩梦

干杯

4

6 回答 6

2

Alright, finally got it sorted and found the way to hack the boostrap.css file

Just comment the following on bootstrap.css (bootstrap framework)

/*
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
} */
于 2012-12-26T06:01:25.203 回答
1

只需在 bootstrap.css （引导框架）上评论以下内容

img {
  width: auto\9;
  height: auto;
 /* max-width: 100%;*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
于 2013-01-03T12:33:12.900 回答
0

我遇到了 Internet Explorer < 8 不尊重我的 img 标签的宽度和高度属性的问题，并且能够仅删除选择器的height:auto规则来解决它img。（删除最大宽度没有帮助）

于 2013-02-14T10:37:39.077 回答
0

问题是
width: auto\9; height: auto; 如果你评论这一行，它在 IE 上可以正常工作

于 2014-06-04T14:19:21.807 回答
0

如果从引导 css 中删除一些代码没有帮助你可以试试这个 => https://stackoverflow.com/a/17763577/789012

至于我在删除它后，我在 Chrome 中的布局被破坏了，就像在 Mozilla 或 IE 中一样......

于 2013-07-20T15:24:26.423 回答
0

我通过破解 HTML 中的条件覆盖样式以不同方式解决了这个问题。

我已经在引导样式表下方有一个 IE8 解决方法部分，因此我为问题图像添加了重置：

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" />

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <style type="text/css">
      img, img.img-responsive {
     width:auto;
     height:auto;
     max-width: none;
      }
    </style>

<![endif]-->
<style type="text/css">
于 2014-10-02T00:14:53.963 回答