6

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

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

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

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

比较: 在此处输入图像描述

4

2 回答 2

3

Have you tried putting this in your CSS?

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

There's also this https://github.com/adamdbradley/foresight.js which looks very interesting

Make sure IE9 isn't in compatibility mode or IE7/8 mode... IE9 Mode

于 2012-04-11T15:08:18.573 回答
0

发生这种情况的原因是因为位图数据实际上在 IE 浏览器中呈现完全不同,IE 所做的事情是它以设定的比例“削减”像素,所以就像每 5 个像素它拉动一个像素,因此使它看起来像它错过了某些梯度属性。

除了保持纵横比设置外,您对此无能为力,但我想您自己已经知道了

于 2012-04-11T15:05:44.377 回答