Retinaディスプレイに対応

iPadやMacBookなどのdevicePixelRatioが1.1以上のデバイスで見た際にも画像が美しく表示されるような仕様になっております。単純に高解像度画像と標準解像度画像をスイッチングしているだけですけどね。

ナビゲーション要素や背景画像などのCSS経由で読み込むであろう画像要素に関してはJavascriptを介することでdevicePixelRatioによる判定を入れています。

そのためRetinaディスプレイなど高解像度のディスプレイを有するデバイスではより高解像度の画像を縮小表示することでモヤッと感を軽減。より品質の高いグラフィックを提供できるって寸法さ。

コメント欄