Websites are accessed across a range of devices, all with different screen sizes. A few examples of mobile and tablet screen sizes are listed in the table below and might be useful when setting up responsive designs and determining suitable break points.
| Device | Retina | Portrait (px) | Landscape (px) |
|---|---|---|---|
| iPhone X | Yes, 3x | 1125 x 2436 | 2436 x 1125 |
| iPhone 8 Plus | Yes, 2.5x | 1080 x 1920 | 1920 x 1080 |
| iPhone 8 | Yes, 2x | 750 x 1334 | 1334 x 750 |
| iPhone 7 Plus | Yes, 2.5x | 1080 x 1920 | 1920 x 1080 |
| iPhone 7 | Yes, 2x | 750 x 1334 | 1334 x 750 |
| iPhone 6 Plus | Yes, 2.5x | 1080 x 1920 | 1920 x 1080 |
| iPhone 6 | Yes, 2x | 750 x 1334 | 1334 x 750 |
| iPhone 5 | Yes, 2x | 640 x 1136 | 1136 x 640 |
| iPad Pro | Yes, 2x | 2048 x 2732 | 2732 x 2048 |
| iPad Air | Yes, 2x | 1536 x 2048 | 2048 x 1536 |
| iPad Mini | Yes, 2x | 1536 x 2048 | 2048 x 1536 |
| iPad 1 & 2 | No | 768 x 1024 | 1024 x 768 |
Updated