这是我的用例：
我有一个采用响应式设计的网页。该页面垂直分成两半，我想在右侧显示图像（呈现为 PNG 或 JPG 的 PDF 页面）。调整窗口大小后，图像的大小应立即更改。
我以为我已经解决了这个问题。我将服务器上的图像渲染得足够大，以适应最大可能的窗口尺寸（根据我们公司的设置）。 Chrome 和 Firefox 可以很好地缩小（并插入）图像。
但还有 Internet Explorer 10：如果图像大小缩小到 100% 以下，看起来就像一百万只苍蝇随机覆盖图像......我似乎无法找到解决方案。
我了解到在过去（IE7）曾经有一个 CSS 规则叫做-ms-interpolation-mode可以设置为bicubic。但这已被宣布过时并且在 IE9+ 中不可用
难道我就必须这样接受吗？如果 IE9+ 中没有缩放图像的插值，那么这个设置怎么能被称为过时呢？有什么解决办法吗？
我知道：通常您不会让浏览器缩放图像。但是对于这个用例你有更好的解决方案吗？
编辑：我应该提到的是，有问题的图像是白色背景上的黑色文本。在图像中使用细线字体时，效果更明显。
EDIT2：请重新检查小提琴（http://jsfiddle.net/7grxut1t/16/ http://jsfiddle.net/7grxut1t/16/）在您关闭此线程之前。如果你在 Chrome 和 IE 中调整到非常小的尺寸，你就会看到差异！
我的代码的相关部分
<div>
<img src="http://websocket.bplaced.net/test.png"/>
</div>
CSS:
div {
position: relative;
width: 50%;
height: 100%;
}
img {
width: 100%;
}
