2

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);
  }
}
4

1 に答える 1