[決定版]Retina対応したスプライト画像のmixin | Cappee Designこんにちは、@cappeeです。関東も大雪でしたね(・∀・) 現在がりがりっとスマートフォンサイトのコーディングに勤しんでいます。 以前Sass+Compassを使った泣くほど早いmixin集を公開しましたが、スマホだとRetina対応があるためSprite画像を使ったmixinは変更する必要があります。 色々とRetina対応したmixinの記事を拝見させていただきましたが、background-sizeを毎回手動で入力する必要があったりと以外と「これだっ！」と思うmixinがなく。。 Compassの公式サイトや色んな角度から検索して参考にした結果、個人的には「これが決定版だ！」と思えるmixinができました！！！ CSS Spriteの設定 ※こちらはCompassのスプライト初心者向けですのでわかる方はスルーしてください！ スプライト画像を使ったCSSの指定には主に以下の3つがある
![[決定版]Retina対応したスプライト画像のmixin | Cappee Design](https://cdn-ak-scissors.b.st-hatena.com/image/square/915b2cc951b69e1769ed9ae12fc1c49517798539/height=288;version=1;width=512/http%3A%2F%2Fs.wordpress.com%2Fmshots%2Fv1%2Fhttp%253A%252F%252Fcompass-style.org%252F%3Fw%3D500)
Sass/Compass よくあるトラブルと 解決方法・回避方法
