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制作图标。像三星s2有1.5 dpi所以我们必须采用比正常大1.5倍的图标并通过-webkit-background-size调整图标。

Answer 2

我建议将图像的大小加倍到需要的大小。然后将CSS规则设置为一半。如果您的屏幕大于标准的72ppi，这将涵盖。