Apple の新しい iOS7 オペレーティング システムでは、Retina メディア クエリで問題が発生しています。
画像の置換は、iOS6 以下 (任意のブラウザー) を実行している iPhone 4、4s、5 で完全に機能します。iOS7 ブラウザーは、高解像度の画像を取得しているように見えますが、background-size プロパティを無視します。
「(min-device-pixel-ratio: 2)」で試してみましたが、アプリが非網膜スプライトを表示したため機能しません。
@mixin sprite($x,$y, $spriteX: 32, $spriteY: 32, $imagePath: "sprites.png"){
@include spriteHelper($imagePath, $x, $y, $spriteX, $spriteY);
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-pixel-ratio: 2)
{
$imagePath: "spritesx2.png";
background-size: 500px 1760px;
@include spriteHelper($imagePath, $x, $y, $spriteX, $spriteY);
}
}