iphone4の画像は高解像度では表示されませんが、低解像度の画像が表示されます。cssを使用してiphone4の高解像度画像を設定する方法
cssを使用してiphone4の高解像度画像を変更するにはどうすればよいですか？
明確にするために、私たちはhtmlとjqueryを使用してphonegapで開発しています。高解像度画像は、アプリケーションでピクセル化してしまいます。 .png画像は@ 2x.pngの指定を持ち、生ファイルはpngファイルと一致します。
我々は http://aralbalkan.com/3331 と http://davidehlers.com/2011/03/iphone ...
にプラクティスを利用している画像は原画像であるよりもやや小さく、かつ大幅にピクセル化表示されます。 Venkyが指摘している問題のオーバーレイを添付しました。これはiPhone4からのアプリのスクリーンショットの上に置かれた右の[email protected]です。
CSSについてはわかりませんが、普通の方法では通常の画像名に「@ 2x」を付けることができます。これはRetina Displayになります。 CSSで言及する必要はなく、@ 2xを画像に入れてプロジェクトに追加するだけです。たとえばicon.pngの場合、[email protected]になります。
このヘルプが必要です。
高解像度の画像を使用する必要があります。 SDKで画像をコード（UIImage imageNamed）に読み込むと自動的に高解像度のバージョン（@ 2x）が選択されますが、他の方法で行っている場合は自分で行う必要があります。
画像名は[email protected]としました。しかし、それは高解像度の画像に変化しません – user824625
イメージタグで@ 2xバージョンを使用し、@ 2xイメージのサイズの半分の幅/高さを指定することで、これが機能するようになりました。たとえば、200×80 "[email protected]" と、私が使用したい：
<img src="[email protected]" width="100" height="40">
をそれはのUIWebView内でうまく動作します。 CSSでそれをやっているかどうかはわかりません。
イメージ名は[email protected]としました。しかし、高解像度画像には変わりません – user824625