处理高分辨率图像

时间:2011-03-29 16:52:01

标签: android css cordova

我正在使用phonegap开发一个简单的iphone / android网络应用程序,我很难为新的Android设备提供高分辨率图像。我假设我可以使用我为iphone 4创建的相同内容。这些文件保存在单独的css文件中,并受以下媒体查询控制:

media="only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)"

里面有一堆css规则,如:

.homepage-list li.about { background-image: url(../images/info@2x.png); -webkit-background-size: 35px 35px; }

Android模拟器和真正的Android设备(HTC Desire HD)都不会显示这些图像,但iphone 4会显示。奇怪的是,如果我修改上述规则并添加边框,则会显示该边框。因此,据我所知,媒体查询正在被理解。

我有点难以接受各种想法。有人可以帮忙吗?

提前致谢!

1 个答案:

答案 0 :(得分:1)

您是否可以在同一文件夹中显示其他图像?

尝试重命名图像,不要包含任何“奇怪”字符,例如@