我转载此上运行iOS 6 iPhone两个独立的iPod touch设备似乎并没有受到影响，也不是iPad的。
我使用的是精灵的文件在我的web应用程序的图像。 现在我想提供视网膜的支持，所以我创建了一个单独的视网膜精灵文件，这是低质量的一个的尺寸的两倍。
好像没有镀铬，也不喜欢Safari浏览器显示此。
我做了以下内容： .img { background: url(xx-retina.png) no-resize top left; height: xx; width: xx; display: block } .img { background: url(xx-retina.png) no-resize top left; height: xx; width: xx; display: block }
和在体<div class='img'/>
标记的类型并不重要。 我指定的背景位置偏移并不重要。 图像将不显示，但它似乎如果我看的调试工具即可加载。 如果我开始裁剪图像，最终将显示出来。
没有人对此有任何的信息？
我得到了同样的问题。 我已经测试过大PNG-8，PNG-24和GIF图像，如果他们有透明度或没有它并不重要 - iPod上的图像不会显示。
我也试过在绘图画布上的图像，但它没有工作了。
如果您不需要透明度，你可以让你的图片JPG - 我用最大的JPG是14MB，并仍在正常显示。
同样的问题发生在我身上。 我使用一个大的图像作为网站的开口部的背景。 iPad和iPhone上它只是fine..on iPod上的图像没有加载在所有。 这么奇怪！ 我已经做了很多更复杂的网站有大量的图片，从来没有遇到过这个问题。
我有同样的问题 - 第四代iPod Touch上运行的iOS 6将不会显示一个PhoneGap的页面的背景图像。 因为我还是想大/ HI-REZ设备使用喜苏亚雷斯图像，我所做的就是使用媒体查询来更改背景图片的小屏幕。
@media (max-width: 500px) {
#login {
background: url(../../splash/640-960.png);
}
}
在OP的情况下，你想使用类似的媒体查询和设置您的影像类中使用更小的/原始图像：
@media (max-width: 500px) {
.img {
background: url(xx-non-retina.png) no-resize top left;
}
}
我选择的一个500px的最大宽度，因为第4代iPod Touch具备320瓦特X 480H的有效分辨率，所以在横向屏幕的宽度将是480像素。
