android - PhoneGapアプリケーション-画像がぼやけている

Question

PhoneGapアプリケーションの画像に問題があります。アイコン画像がぼやけて表示されます。この問題を解決するにはどうすればよいですか？

これは私のCSSです

#login input:first-child { background: rgba(255,255,255,0.0) url(../images/holo_dark/hdpi/5_content_email.png) no-repeat; }

Answer 1

AndroidのDPIに従ってアイコンを作成することをお勧めします。samsungs2のように1.5dpiなので、アイコンを通常の1.5倍にし、-webkit-background-sizeでアイコンを調整する必要があります。

Answer 2

画像のサイズを必要以上に2倍にすることをお勧めします。次に、CSSルールを半分に設定します。これは、画面が標準の72ppiよりも大きい場合に適用されます。