スマフォンサイト iPhone4等の高解像度デバイス対応 画像を cssでの切り替え前回の補足？続きになるのですが、 スマートフォン devicePixelRatio について iPhone3GS iPhone4では解像度に違い（2倍の解像度）により、 配置した画像がピンぼけしちゃいます。（アンドロイドは1.5倍機種によって異なりますが。） それを回避するため、通常の画像の2倍の画像を用意し、 cssでサイズの調整を行う。って方法を前回紹介しましたが、 通常画像 180px×66px 2倍画像 360px×122px CSS .image img{ width:180px; height:66px; } てな感じで2倍画像を配置しCSSで通常サイズに調整することによって、 iPhone3g（devicePixelRatio 1.0）とiPhone4g（devicePixelRatio 2.0）の様に 異なる解像度（devicePixelRatio）でも綺麗に表示できます
