2015年5月25日月曜日

スマホwebページでの画像拡大ぼけについて

http://www.webcyou.com/?p=396
スマートフォンには、画像1pxが実際のデバイス上で何pxとしてレンダリングされるかを示す
devicePixelRatioという値があります。
また、cssでは-webkit-min-device-pixel-ratioで指定出来ます。
調べたところiPhone4ではこの値が2になっていて、
今まで通りに画像を表示させると自動的に拡大されて画像がボケて表示されます。

http://parashuto.com/rriver/development/pixel-related-info-for-coping-with-retina-displays