我正在针对这些更高分辨率的显示器(尤其是新的 iPad)优化我的网站。我按照我想要的方式格式化了网站,我只是增加了每个图像的分辨率,但仍然将其限制为我当前拥有的 DIV。例如,我有一个分辨率为 483x246 的图像,并将其适合设置大小为 188x96 的 DIV。
这些图像在 Chrome、Firefox 上看起来很棒,最重要的是在新 iPad 上。即使放大,它也很漂亮和清晰(与我的旧 188x96 图像相反,放大时看起来模糊且像素化)
当我在 IE 中打开页面时,问题就出现了。它以正确的尺寸显示图像,但它是锯齿状的。请参阅下面的比较链接。我知道这是 IE 动态调整大小和渲染图片的方式的问题。
我的问题是,有没有办法让IE很好地显示图片?如果没有,有没有办法可以输入代码,以便在检测到 IE 时显示我旧的低分辨率图像?我到处都找过,但没有找到任何与我的具体问题相关的东西。我知道这是一个小例子,但我的更大的图像做了同样的事情并且更引人注目。希望大家能够帮忙。谢谢。 :)
Comparison:
你有没有尝试过把这个放到你的CSS中?
img { -ms-插值-模式:双三次; }
还有这个https://github.com/adamdbradley/foresight.js https://github.com/adamdbradley/foresight.js看起来很有趣
Make sure IE9 isn't in compatibility mode or IE7/8 mode...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)