处理高分辨率图像
问题描述:
我正在开发一个使用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的确。奇怪的是,如果我修改上述规则并添加边框,那么会显示该边框。因此,据我所知,媒体查询正在被理解。
我对想法有点难过。谁能帮忙?
在此先感谢!
什么是应用程序的文件夹结构?即www目录和index.html以及您的图像文件夹等。 – 2011-03-29 23:13:54