处理高分辨率图像

问题描述:

我正在开发一个使用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/[email protected]); -webkit-background-size: 35px 35px; } 

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

我对想法有点难过。谁能帮忙?

在此先感谢!

+0

什么是应用程序的文件夹结构?即www目录和index.html以及您的图像文件夹等。 – 2011-03-29 23:13:54

你能够在同一个文件夹中显示其他图像吗?

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

+0

是的,我可以显示所有低分辨率图像(最后没有@ 2x的图像)。我会尝试删除@字符,看看会发生什么。 – boz 2011-03-30 08:00:48

+0

这个技巧。谢谢! – boz 2011-03-30 08:14:12