The full CSS viewport width range across every Mac & Displays model listed here. Newest entry: MacBook Air 15″ (M4) (2025).
| Device | CSS viewport | Native resolution | DPR | PPI | Diagonal | Ratio | Year |
|---|---|---|---|---|---|---|---|
| MacBook Air 15″ (M4) | 1710 × 1112 | 2880 × 1864 | 2× | 224 | 15.3″ | 1.55:1 | 2025 |
| MacBook Air 13″ (M4) | 1470 × 956 | 2560 × 1664 | 2× | 224 | 13.6″ | 20:13 | 2025 |
| iMac 24″ (M4) | 2240 × 1260 | 4480 × 2520 | 2× | 218 | 23.5″ | 16:9 | 2024 |
| MacBook Pro 16″ (M4) | 1728 × 1117 | 3456 × 2234 | 2× | 254 | 16.2″ | 1.55:1 | 2024 |
| MacBook Air 15″ (M3) | 1710 × 1112 | 2880 × 1864 | 2× | 224 | 15.3″ | 1.55:1 | 2024 |
| MacBook Pro 14″ (M4) | 1512 × 982 | 3024 × 1964 | 2× | 254 | 14.2″ | 1.54:1 | 2024 |
| MacBook Air 13″ (M3) | 1470 × 956 | 2560 × 1664 | 2× | 224 | 13.6″ | 20:13 | 2024 |
| MacBook Pro 16″ (M3) | 1728 × 1117 | 3456 × 2234 | 2× | 254 | 16.2″ | 1.55:1 | 2023 |
| MacBook Air 15″ (M2) | 1710 × 1112 | 2880 × 1864 | 2× | 224 | 15.3″ | 1.55:1 | 2023 |
| MacBook Pro 14″ (M3) | 1512 × 982 | 3024 × 1964 | 2× | 254 | 14.2″ | 1.54:1 | 2023 |
| Studio Display | 2560 × 1440 | 5120 × 2880 | 2× | 218 | 27″ | 16:9 | 2022 |
| MacBook Air 13″ (M2) | 1470 × 956 | 2560 × 1664 | 2× | 224 | 13.6″ | 20:13 | 2022 |
| MacBook Pro 13″ (M2) | 1440 × 900 | 2560 × 1600 | 2× | 227 | 13.3″ | 16:10 | 2022 |
| iMac 24″ (M1) | 2240 × 1260 | 4480 × 2520 | 2× | 218 | 23.5″ | 16:9 | 2021 |
| MacBook Pro 16″ (M1) | 1728 × 1117 | 3456 × 2234 | 2× | 254 | 16.2″ | 1.55:1 | 2021 |
| MacBook Pro 14″ (M1) | 1512 × 982 | 3024 × 1964 | 2× | 254 | 14.2″ | 1.54:1 | 2021 |
| iMac 27″ 5K | 2560 × 1440 | 5120 × 2880 | 2× | 218 | 27″ | 16:9 | 2020 |
| MacBook Pro 13″ (M1) | 1440 × 900 | 2560 × 1600 | 2× | 227 | 13.3″ | 16:10 | 2020 |
| MacBook Air 13″ (M1) | 1440 × 900 | 2560 × 1600 | 2× | 227 | 13.3″ | 16:10 | 2020 |
| Pro Display XDR | 3008 × 1692 | 6016 × 3384 | 2× | 218 | 32″ | 16:9 | 2019 |
| MacBook Pro 16″ (2019) | 1792 × 1120 | 3072 × 1920 | 2× | 226 | 16″ | 16:10 | 2019 |
| MacBook Pro 15″ (2018) | 1440 × 900 | 2880 × 1800 | 2× | 220 | 15.4″ | 16:10 | 2018 |
Distinct CSS widths in this range
These are the only viewport widths your CSS actually sees across all 22 models. Everything else is a difference in physical pixels, not in layout space.
Questions
What is the most common Mac & Displays screen size?
Across the 22 Mac & Displays models listed here, 1440 × 900 px is the most frequently repeated CSS viewport — 4 models share it. Building for that width covers the largest slice of the range.
Which Mac & Displays has the largest screen?
The Pro Display XDR, with a 3008 × 1692 px CSS viewport and a 32-inch panel at 6016 × 3384.
Do I need a separate breakpoint for every Mac & Displays?
No. These 22 models resolve to only 9 distinct CSS widths (1440, 1470, 1512, 1710, 1728, 1792, 2240, 2560, 3008 px). Layout should respond to those buckets, not to model names — and in practice a handful of well-chosen breakpoints covers all of them.