6

私はこれらの高解像度モニター（特に新しいiPad）用にサイトを最適化しています。サイトを希望どおりにフォーマットしました。各画像の解像度を上げていましたが、現在のDIVに制限しています。たとえば、解像度が483x246の画像があり、設定されたサイズが188x96のDIVに適合しているとします。

画像はChrome、Firefox、そして最も重要なのは新しいiPadで見栄えがします。ズームインしても、素晴らしく鮮明です（ズームインするとぼやけてピクセル化されたように見えた私の古い188x96画像とは対照的です）

IEでページを開くと、問題が発生します。画像は正しいサイズで表示されますが、ギザギザになっています。以下の比較へのリンクを参照してください。IEがその場で写真のサイズを変更してレンダリングする方法に問題があることはわかっています。

私の質問は、IEに画像をうまく表示させる方法はありますか？そうでない場合は、IEを検出した場合に、古い低解像度の画像を表示するようにコードを挿入する方法はありますか？私はいたるところを見てきましたが、私の特定の問題に関連するものは何も見つかりませんでした。これは小さな例ですが、私の大きな画像は同じことを行い、より目立ちます。皆様のお役に立てれば幸いです。ありがとう。:)

比較： ここに画像の説明を入力してください

4

2 に答える 2

3

これをCSSに入れてみましたか？

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

このhttps://github.com/adamdbradley/foresight.jsもあります。これは非常に興味深いものです。

IE9が互換モードまたはIE7/8モードになっていないことを確認してください...IE9モード

于 2012-04-11T15:08:18.573 に答える
0

これが発生する理由は、ビットマップデータが実際にはIEブラウザーで完全に異なってレンダリングされるため、IEが行うことは、設定された比率でピクセルを「切り取る」ため、5ピクセルごとにピクセルをヤンクするため、欠落しているように見えることです。特定のグラデーションプロパティ。

アスペクト比を設定しておく以外にできることはあまりありませんが、自分で知っていると思います。

于 2012-04-11T15:05:44.377 に答える