縮小したときに大きな画像がぼやけて表示される

これは愚かな簡単な質問である場合、これは私がレスポンシブルデザインで初めて試みたものです。縮小したときに大きな画像がぼやけて表示される

私はイメージを作成し、その最大幅をイメージの実際の幅よりも大きくしないでください。画像を拡大するとぼやけてしまいます。私は少し混乱しています何

は

はこの正しい動作であり、そこには、これを回避するいくつかの方法です...私は、ウィンドウを縮小すると、IMGが縮小し始めると、それは同様ぼやけなるということでしょうか？

2012-04-04 Stefan

のための問題を修正しました？私はそれが改善が必要だと思う – Baba

あなたは窓を収縮しているときにも画像が収縮しますか？私はあなたが％として設定されたイメージの幅を持っていると思うし、最大幅を追加しましたか？ –

はいそれは縮小します、私はパーセンテージに設定されたラッピングdivを持っており、imgタグはwidth：100％に設定されています。高さ：自動;最大幅：480ピクセル。 – Stefan

あなたのFire Foxを使用している場合、画像の縮小に問題があると報告されています。どうやらCSSに以下を追加し

あなたのコードがどこにあるいくつかの

image-rendering: -moz-crisp-edges;

2012-04-04 13:27:33

私はFirefoxを使用していますが、実際にSafariで表示すると正しく表示されるようです。上記のルールを追加すると画像がシャープになりますが、実際にはあまりにも悪化します。 – Stefan

私はその時間は許容できると思いますが、このような柔軟なレイアウトで画像を表示するには、より良い方法を見つけ出す必要があります。お手伝いありがとう。 – Stefan

問題はWebkitでもありますが、少なくともChrome –

答えて