處理高分辨率圖像

我正在開發一個使用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的確。奇怪的是，如果我修改上述規則並添加邊框，那麼會顯示該邊框。因此，據我所知，媒體查詢正在被理解。

我對想法有點難過。誰能幫忙？

在此先感謝！

2011-03-29 boz

什麼是應用程序的文件夾結構？即www目錄和index.html以及您的圖像文件夾等。 – 2011-03-29 23:13:54

你能夠在同一個文件夾中顯示其他圖像嗎？

嘗試重命名圖像並且不包含任何「奇怪」字符，例如@

2011-03-29 17:42:40

是的，我可以顯示所有低分辨率圖像（最後沒有@ 2x的圖像）。我會嘗試刪除@字符，看看會發生什麼。 – boz 2011-03-30 08:00:48

這個技巧。謝謝！ – boz 2011-03-30 08:14:12

回答