Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.
name |
phys. width |
phys. height |
CSS width |
CSS height |
pixel ratio |
phys. ppi |
CSS ppi |
---|---|---|---|---|---|---|---|
Apple iPhone 6 | 750 | 1334 | 375 | 667 | 2 | 326 | 192 |
Apple iPhone 5 | 640 | 1136 | 320 | 568 | 2 | 326 | 192 |
Apple iPhone 4 | 640 | 960 | 320 | 480 | 2 | 326 | 192 |
Apple iPhone 3 | 320 | 480 | 320 | 480 | 1 | 163 | 96 |
Apple iPod Touch | 640 | 1136 | 320 | 568 | 2 | 326 | 192 |
OnePlus One | 1080 | 1920 | 360 | 640 | 3 | 401 | 288 |
LG G3 | 1440 | 2560 | 360 | 640 | 4 | 640 | 384 |
LG Optimus G | 768 | 1280 | 384 | 640 | 2 | 318 | 192 |
Samsung Galaxy Note 2 | 720 | 1280 | 360 | 640 | 2 | 267 | 192 |
Samsung Galaxy Note | 800 | 1280 | 400 | 640 | 2 | 285 | 192 |
Samsung Galaxy S5 | 1080 | 1920 | 360 | 640 | 3 | 441 | 288 |
Samsung Galaxy S4 | 1080 | 1920 | 360 | 640 | 3 | 441 | 288 |
Samsung Galaxy S4 mini | 540 | 960 | 360 | 640 | 1.5 | 256 | 144 |
Samsung Galaxy S3 | 720 | 1280 | 360 | 640 | 2 | 306 | 192 |
Samsung Galaxy S3 mini | 480 | 800 | 320 | 533 | 1.5 | 233 | 144 |
Samsung Galaxy S2 | 480 | 800 | 320 | 480 | 1.5 | 217 | 144 |
Samsung Galaxy S | 480 | 800 | 320 | 480 | 1.5 | 233 | 144 |
Samsung Galaxy Nexus | 720 | 1200 | 360 | 600 | 2 | 316 | 192 |
Google Nexus 5 | 1080 | 1920 | 360 | 640 | 3 | 445 | 288 |
Google Nexus 4 | 768 | 1280 | 384 | 640 | 2 | 320 | 192 |
Nokia Lumia 1020 | 768 | 1280 | 320 | 480 | 2.4 | 332 | 220 |
Nokia Lumia 925 | 768 | 1280 | 320 | 480 | 2.4 | 332 | 220 |
Nokia Lumia 920 | 768 | 1280 | 320 | 480 | 2.4 | 332 | 220 |
Nokia Lumia 900 | 480 | 800 | 320 | 480 | 1.5 | 217 | 144 |
Nokia Lumia 620 | 480 | 800 | 320 | 480 | 1.5 | 252 | 144 |
Huawei Honor 6 | 1080 | 1920 | 360 | 598 | 3 | 445 | 288 |
HTC One | 1080 | 1920 | 360 | 640 | 3 | 468 | 288 |
HTC 8X | 720 | 1280 | 320 | 480 | 3 | 341 | 288 |
HTC Evo 3D | 540 | 960 | 360 | 640 | 1.5 | 256 | 144 |
Sony Xperia Z | 1080 | 1920 | 360 | 640 | 3 | 443 | 288 |
Sony Xperia S | 720 | 1280 | 360 | 640 | 2 | 342 | 192 |
Sony Xperia P | 540 | 960 | 360 | 640 | 1.5 | 275 | 144 |
Blackberry Z30 | 720 | 1280 | 360 | 640 | 2 | 295 | 192 |
Blackberry Z10 | 768 | 1280 | 384 | 640 | 2 | 355 | 192 |
Blackberry Torch 9800 | 360 | 480 | 360 | 480 | 1 | 187 | 96 |
ZTE Open (Firefox OS) | 480 | 720 | 320 | 480 | 1.5 | 165 | 144 |
name |
phys. width |
phys. height |
CSS width |
CSS height |
pixel ratio |
phys. ppi |
CSS ppi |
---|---|---|---|---|---|---|---|
Apple iPhone 6 Plus | 1080 | 1920 | 414 | 736 | 3 (2.6) | 401 | 249 |
Nokia Lumia 1520 | 1080 | 1920 | 320 | 480 | 2.22 | 367 | 213 |
Samsung Galaxy Note 3 | 1080 | 1920 | 360 | 640 | 3 | 386 | 288 |
name |
phys. width |
phys. height |
CSS width |
CSS height |
pixel ratio |
phys. ppi |
CSS ppi |
---|---|---|---|---|---|---|---|
Apple iPad 3, 4, Air | 1536 | 2048 | 768 | 1024 | 2 | 264 | 192 |
Apple iPad 1, 2 | 768 | 1024 | 768 | 1024 | 1 | 132 | 96 |
Apple iPad mini 2, 3 | 1536 | 2048 | 768 | 1024 | 2 | 326 | 192 |
Apple iPad mini | 768 | 1024 | 768 | 1024 | 1 | 163 | 96 |
Samsung Galaxy Tab 3 10" | 800 | 1280 | 800 | 1280 | 1 | 149 | 96 |
Samsung Galaxy Tab 2 10" | 800 | 1280 | 800 | 1280 | 1 | 149 | 96 |
Samsung Galaxy Tab (8.9") | 800 | 1280 | 800 | 1280 | 1 | 170 | 96 |
Samsung Galaxy Tab 2 (7") | 600 | 1024 | 600 | 1024 | 1 | 170 | 96 |
Google Nexus 10 | 1600 | 2560 | 800 | 1280 | 2 | 300 | 192 |
Google Nexus 7 (v2) | 1080 | 1920 | 600 | 960 | 2 | 323 | 192 |
Google Nexus 7 (v1) | 800 | 1280 | 604 | 966 | 1.325 | 216 | 127 |
LG G Pad 8.3 | 1200 | 1920 | 600 | 960 | 2 | 273 | 192 |
Amazon Kindle Fire HD 8.9 | 1200 | 1920 | 800 | 1280 | 1.5 | 254 | 144 |
Amazon Kindle Fire HD 7 | 800 | 1280 | 480 | 800 | 1.5 | 216 | 144 |
Amazon Kindle Fire | 600 | 1024 | 600 | 1024 | 1 | 167 | 96 |
Microsoft Surface Pro | 1080 | 1920 | 720 | 1280 | 1.5 | 207 | 144 |
Microsoft Surface | 768 | 1366 | 768 | 1366 | 1 | 148 | 96 |
Blackberry Playbook | 600 | 1024 | 600 | 1024 | 1 | 169 | 96 |
name |
phys. width |
phys. height |
CSS width |
CSS height |
pixel ratio |
phys. ppi |
CSS ppi |
---|---|---|---|---|---|---|---|
Google Glass | 640 | 360 | 427 | 240 | 1.5 | ? | 144 |
mydevice.io made with love by @goetter, with great help from @eQRoeil