html - 高分辨率图像 IE 浏览器渲染

Question

我正在针对这些更高分辨率的显示器(尤其是新 iPad)优化我的网站。我按照我想要的方式对网站进行了格式化，我只是增加了每张图片的分辨率，但仍然将其限制在我目前拥有的 DIV 范围内。例如，我有一个分辨率为 483x246 的图像，我让它适合一个设置大小为 188x96 的 DIV。

图像在 Chrome、Firefox 和最重要的新 iPad 上看起来很棒。即使放大它也很清晰(与放大时看起来模糊和像素化的旧 188x96 图像相反)

问题出现在我用IE打开页面的时候。它以正确的尺寸显示图像，但它是锯齿状的。请参阅下面的比较链接。我知道这是 IE 动态调整大小和渲染图片的方式的问题。

我的问题是，有没有办法让IE很好地显示图片？如果没有，有没有一种方法可以放入代码，以便在检测到 IE 时显示我的旧低分辨率图像？我到处都看过，但没有发现任何与我的具体问题相关的东西。我知道这是一个小例子，但我的大图像做同样的事情并且更引人注目。希望大家帮忙。谢谢。 :)

比较:

Answer 1

你试过把它放在你的 CSS 中吗？

img { -ms-插值模式:双三次；

还有这个 https://github.com/adamdbradley/foresight.js看起来很有趣

确保 IE9 未处于兼容模式或 IE7/8 模式...