【发布时间】：2011-03-29 16:52:01
【问题描述】：
我正在使用 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 会。奇怪的是，如果我修改上述规则并添加边框，则会显示该边框。因此，据我所知，媒体查询正在被理解。
我有点想不通。有人可以帮忙吗？
提前致谢！
【问题讨论】：
-
您的应用程序的文件夹结构是什么？即 www 目录、index.html 和您的图像文件夹等在哪里。