Android端末のdevicePixelRatio
WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。
CSSでdevicePixelRatioを特定できる -webkit-min-device-pixel-ratioなどは iPhone4のRetina Display対応などで一時期注目されましたね。
【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG
JavaScriptでは次のように取得できます。
window.devicePixelRatio
そこで、Android端末のdevicePixelRatioがどうなってるかTwitterで色々な方に協力いただき調べてみました。
| デバイス名 | devicePixelRatio | 画面サイズ | 解像度 |
|---|---|---|---|
| docomo | |||
| GalaxyS | 1.5 | 約 4.0インチ | 480×800 |
| Galaxy Tab | 1.5 | 約 7.0インチ | 600×1024 |
| Xperia(SO-01B) | 1.5 | 約 4.0インチ | 480×854 |
| HT-03A | 1 | 約3.2インチ | 800×480 |
| LYNX(SH-10B) | 1 | 約 5.0インチ | 960×480 |
| REGZA Phone(T-01C) | 1.5 | 約 4.0インチ | 480×854 |
| Xperia arc | 1.5 | 約 4.2インチ | 480×854 |
| Xperia arc | 1.5 | 約 4.2インチ | 480×854 |
| GALAXY S II LTE SC-03D | 1.5 | 約 4.5インチ | 480×800 |
| GALAXY NEXUS SC-04D | 2 | 約4.7インチ | 720×1280 |
| au | |||
| IS01 | 1 | 約5.0インチ | 960×480 |
| IS02 | ※1 | 約4.1インチ | 800 × 480 |
| IS03 | 2 | 約3.5インチ | 960×640 |
| IS06 | 1.5 | 3.7インチ | 800×480 |
| htc EVO WiMAX ISW11HT | 1.5 | 約4.3インチ | 800 x 480 |
| GALAXY SII WiMAX ISW11SC | 2 | 約4.7インチ | 720 x 1280 |
| SoftBank | |||
| HTC Desire(X06HT) | 1 | 3.7インチ | 800×480 |
| HTC Desire HD(001HT) | 1,5 | 約4.3インチ | 800×480 |
| GALAPAGOS(003SH) | 1,5 | 3.8インチ | 800×480 |
| EMOBILE | |||
| HTC Aria | 1 | 3.2インチ | 480×320 |
| Nexus S | 1.5 | 4.0インチ | 480x800 |
※1 IS02はWindows PhoneでAndroidではありません。その為『window.devicePixelRatio』には対応しておらず、devicePixelRatioの値についてはわかりませんでした。また、解像度について800 × 480と記述していますが800 × 240 を擬似的に拡張した解像度です。
Android端末でサイト作成をされてる方は参考にしてください。(ここにない端末情報もコメントやtwitterで随時募集中です。http://www.to-r.net/r.htmlにアクセスして表示された数字と端末を教えてください。)
スポンサードリンク
«2月のセミナー情報 [東京] | メイン | Androidにおけるコンテンツフィットと「overflow:hidden」»
- このエントリーのトラックバックURL
- http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/760







西畑一馬(


