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

Answer 2

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