IE10以不同于Firefox或Chrome的方式缩放图像

Question

对于作业，我需要在不同的浏览器中查看我的网站上为什么各种工作方式不同。我发现的差异之一是在IE10中，我使图像更小以适应页面，IE忽略了这一点，并且只用Width：％缩放图像;以下是图片的代码：

<img class="image" src="images/tcp-ip layers.gif" />

.image {
    display: block;
    margin: 0 auto;
    height: 30%;
    width: 30%;
    border: 1px solid #E5E4E2;
    margin-top: 10px;
}

有谁知道IE为什么不像Firefox那样缩小图像？ 编辑：它在Firefox中的工作方式与在Chrome中的工作方式相同，不是很好的代码我同意，我应该使用汽车等等。但我只需要弄清楚为什么它在Firefox中以不同方式调整大小。 （如果有任何问题，IE10会更好地调整它，但是为了做出我应该做的修改，为时已晚）

Answer 1

默认情况下，使用双三次插值的图像缩放在IE中变为关闭，其他浏览器默认情况下 。尝试解决这个问题：

-ms-interpolation-mode: bicubic;