Device Information and Grid Examples
iOS Devices
| Device |
CSS Pixels (px) |
Pixel Density (dppx) |
Resolution |
Grid |
Open Preview |
| iPhone 4 (P) |
320x480 |
1 |
320x480 |
Extra Small |
open window |
| iPhone 4s (P) |
320x480 |
2 |
640x960 |
Extra Small |
open window |
| iPhone 5 (P) |
320x568 |
2 |
640x1136 |
Extra Small |
open window |
| iPad 1 - 2 (P) |
768x1024 |
1 |
768x1024 |
Small |
open window |
| iPad 1 - 2 (L) |
1024x768 |
1 |
1024x768 |
Medium |
open window |
| iPad 3 - Air (P) |
768x1024 |
2 |
1536x2048 |
Small |
open window |
| iPad 3 - Air (L) |
1024x768 |
2 |
2048x1536 |
Medium |
open window |
Android Devices
| Device |
CSS Pixels (px) |
Pixel Density (dppx) |
Resolution |
Grid |
Open Preview |
| Galaxy S I9000 (P) |
320x533.3 |
1.5 |
480x800 |
Extra Small |
open window |
| Galaxy S II I9100 (P) |
320x533.3 |
1.5 |
480x800 |
Extra Small |
open window |
| Galaxy S III I9300 (P) |
360x640 |
2 |
720x1280 |
Extra Small |
open window |
| Galaxy S4 I9500 (P) |
360x640 |
3 |
1080x1920 |
Extra Small |
open window |
| Galaxy Nexus (P) |
360x640 |
2 |
720x1280 |
Extra Small |
open window |
| Nexus 4 (P) |
384x640 |
2 |
768x1280 |
Extra Small |
open window |
| Nexus 5 (P) |
360x640 |
3 |
1080x1920 |
Extra Small |
open window |
| Nexus 7 2013 (P) |
600x960 |
2 |
1200x1920 |
Extra Small |
open window |
| Nexus 10 (P) |
800x1280 |
2 |
1600x2560 |
Small |
open window |
| Nexus 10 (L) |
1280x800 |
2 |
2560x1600 |
Large |
open window |