[決定版]Retina対応したスプライト画像のmixin | Cappee Design

こんにちは、@cappeeです。関東も大雪でしたね(・∀・) 現在がりがりっとスマートフォンサイトのコーディングに勤しんでいます。 以前Sass+Compassを使った泣くほど早いmixin集を公開しましたが、スマホだとRetina対応があるためSprite画像を使ったmixinは変更する必要があります。 色々とRetina対応したmixinの記事を拝見させていただきましたが、background-sizeを毎回手動で入力する必要があったりと以外と「これだっ！」と思うmixinがなく。。 Compassの公式サイトや色んな角度から検索して参考にした結果、個人的には「これが決定版だ！」と思えるmixinができました！！！ CSS Spriteの設定 ※こちらはCompassのスプライト初心者向けですのでわかる方はスルーしてください！ スプライト画像を使ったCSSの指定には主に以下の3つがある