The Following table shows screen resolution for different devices. For more
detail please visit
wikipedia. It is always better to write your media query in your CSS file
for the following resolutions. 320px, 480px, 600px, 800px, 960px, 1024px and
1280px+. Click here to know
how to crate a css file for responsive web design.
| Company | Model | Diagonal cm/in |
Resolution | Viewport |
|---|---|---|---|---|
| Apple | iPad - 1st Gen, 2 | 25 (9.7) | 1024 x 768 | 768 x 1024 |
| Apple | iPad - 3rd Gen, 4th Gen | 25 (9.7) | 2048 x 1536 | 768 x 1024 |
| Apple | iPad Mini - 1st Gen | 20 (7.9) | 1024 x 768 | 768 x 1024 |
| Apple | iPhone 4 / iPod Touch | 8.9 (3.5) | 960 x 640 | 320 x 480 |
| Apple | iPhone 4S / iPod Touch | 8.9 (3.5) | 960 x 640 | 320 x 480 |
| Apple | iPhone 5 | 10 (4) | 1136 x 640 | 320 x 568 |
| Apple | iMac 21.5-inch | 55 (21.5) | 1920 x 1080 | 1920 x 1080 |
| Apple | iMac 27-inch | 69 (27) | 2560 x 1440 | 2560 x 1440 |
| Blackberry | BlackBerry PlayBook | 18 (7) | 1024 x 600 | 600 x 1024 |
| Blackberry | BlackBerry Z10 | 11 (4.2) | 1280 x 768 | 345 x 521 |
| Nokia | Lumia 710 | 9.4 (3.7) | 800 x 480 | 320 x 480 |
| Motorola | Motorola Defy | 9.4 (3.7) | 854 × 480 | 320 x 569 |
| Motorola | Motorola Droid | 9.4 (3.7) | 480 x 854 | 360 x 599 |
| Motorola | Motorola Droid Razr | 11 (4.3) | 540 x 960 | 360 x 640 |
| Motorola | Motorola Razr HD 4G | 12 (4.7) | 720 x 1280 | 360 x 598 |
| Motorola | Motorola Milestone | 9.4 (3.7) | 480 x 854 | 320 x 569 |
| Motorola | Motorola Xoom | 25.7 (10.1) | 800 x 1280 | 800 x 1280 |
| Nokia | Lumia 800 | 9.4 (3.7) | 800 x 480 | 320 x 480 |
| Nokia | Lumia 820 | 11 (4.3) | 800 x 480 | 320 x 480 |
| Nokia | Lumia 900 | 11 (4.3) | 800 x 480 | 320 x 480 |
| Nokia | Lumia 920 | 11 (4.5) | 1280 x 768 | 320 x 480 |
| Nokia | Lumia 1020 | 11 (4.5) | 1280 x 768 | - |
| Samsung | Galaxy W (I8150) | 9.4 (3.7) | 480 x 800 | - |
| Samsung | Galaxy S | 10 (4.0) | 480 x 800 | 320 x 534 |
| Samsung | Galaxy SII | 10.8 (4.27) | 480 x 800 | 320 x 533 |
| Samsung | Galaxy S III (I9300) | 12 (4.8) | 720 x 1280 | 360 x 640 |
| Samsung | Galaxy S4 (I9500) | 13 (5) | 1080 x 1920 | - |
| Samsung | Galaxy Nexus | 11.8 (4.65) | 720 x 1280 | 320 x 532 |
| Samsung | Galaxy Tab | 18 (7) | 600 x 1024 | 600 x 1024 |
| Samsung | Galaxy Tab 7.7 | 20 (7.7) | 800 x 1280 | 800 x 1280 |
| Samsung | Galaxy Tab 10.1 | 26 (10.1) | 800 x 1280 | 800 x 1280 |
| Samsung | Galaxy Note | 13 (5.3) | 800 x 1280 | 400 x 640 |
| Samsung | Galaxy Note II | 14.1 (5.55) | 720 x 1280 | 360 x 640 |
| Samsung | Galaxy Note 10.1 | 26 (10.1) | 1280 x 800 | 800 x 1280 |
| Sony | Sony Vaio Z92 | 33 (13.1) | 1600 x 900 | - |
| Sony | Sony Vaio Z128 | 33 (13.1) | 1920 x 1080 | - |
| Sony | Sony Vaio F series | 42 (16.4) | 1920 x 1080 | - |
| Sony | Xperia S | 11 (4.3) | 720 x 1280 | 360 x 640 |
| Sony | Xperia Sola | 9.4 (3.7) | 480 x 854 | 320 x 569 |
| Sony | Xperia U | 8.9 (3.5) | 854 x 480 | 320 x 569 |
| Sony | Xperia Ion | 11.6 (4.55) | 720 x 1280 | - |
| Sony | Xperia Z | 13 (5) | 1920 x 1080 | 360 x 598 |
| Sony | Xperia E | 8.9 (3.5) | 320 x 480 | 320 x 480 |
