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

Question

我正在针对这些更高分辨率的显示器（尤其是新iPad）优化我的网站。我的网站格式化我想要的方式，我只是增加每个图像的分辨率，但仍然限制它我目前有的DIV。例如，我有一个分辨率为483x246的图像，我让它适合一个设置尺寸为188x96的DIV。

这些图片在Chrome，Firefox和最重要的新iPad上看起来很棒。甚至放大它的漂亮和清晰（与我的旧188x96图像相比，在放大时看起来模糊和像素化）

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

我的问题是，有没有办法让IE很好地显示图片？如果没有，有没有办法可以放入代码，这样如果它检测到IE，它会显示我的旧低分辨率图像？我到处寻找，但没有找到任何与我的具体问题有关的东西。我知道这是一个小例子，但我的大图像做同样的事情并且更加引人注目。我希望你们都能提供帮助。谢谢。 ：）

比较：  

Answer 1

您是否尝试将其放入CSS？

img {-ms-interpolation-mode：bicubic; }

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

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

Answer 2

如果因为在IE浏览器中实际呈现的bitmapdata完全不同，会发生这种情况的原因，IE所做的就是它会在设定的比例上“切掉”像素，所以就像每5个像素一样，它会拉动一个像素，因此使它看起来像喜欢它错过某些渐变属性。

除了保持纵横比设定之外，你可以做的不多，但我想你已经知道了已经