この非常に基本的な html の質問を投稿するのはばかげていると思いますが、完全に困惑しています。100x100 ピクセルのグラフィック (test@2x.png) を画像として提供し、50x50 にサイズ変更しています。これにより、Retina スクリーンと非 Retina スクリーンの両方で鮮明な画像が得られるはずですが、そうではありません (Chrome と Firefox では、Safari で問題ありません)。
同じ画像を 50x50 (CSS によるサイズ変更なし) で保存し、元の表示は 100% で問題ありませんが、元の 100x100 を縮小すると途切れ途切れになります。
技術的には、これがどのように発生する可能性があるのか 理解できません。私が網膜スクリーンを持っていることを考えると、それは正反対のはずです.100％の画像はあまり鮮明ではなく、50％に拡大された2倍の画像は鮮明です.
私はこれを何千回も問題なく行ったに違いありません。何が起こっているのか誰にもわかりませんか?
<img src="http://stacyrobyn.com/dev/retina/test@2x.png" width="50" height="50" />
フィドル: http://jsfiddle.net/pixeloco/84n141vc/
私が見ているもののスクリーンショット (iMac/retina サポート、Chrome v37): http://i.imgur.com/CS3sJOD.png
