Question

我有一个90px x 90px的图像（它是一个jpg文件），我无法弄清楚如何在Internet Explorer中将其设为60px×60px。我查看了几个已经告诉我使用这种CSS风格的网站：

.img { -ms-interpolation-mode: bicubic; }

但没有发生任何事。这是我目前正在使用的css，它在fireforx和chrome中运行得非常好：

.img {
    horiz-align: center;
    width: 60px;
    height: 60px;
    margin: 10px;
    border: 1px rgb(218, 218, 218) solid;
    background: #C4C4C4 no-repeat 0 0;
}

Answer 1

原始代码的问题是您将img指定为类.img而不是img

这有两种方法可以做到这一点。没有css的第一名：

<img src="your-image.jpg" alt="" width="60" height="60" />

第二名用CSS：

<img src="your-image.jpg" alt="" class="image-resize" />

...

img.image-resize { 
  width: 60px;
  height: 60px; }

Answer 2

您可以尝试使用inherit，例如： -

img {
  width: inherit;  /* This makes the next two lines work in IE8. */
  max-width: 100%;
  height: auto;   
}

如何在IE 8中调整图像大小

2 个答案: