The full CSS viewport width range across every Smartwatches model listed here. Newest entry: Apple Watch Ultra 3 (2025).
| Device | CSS viewport | Native resolution | DPR | PPI | Diagonal | Ratio | Year |
|---|---|---|---|---|---|---|---|
| Apple Watch Ultra 3 | 211 × 257 | 422 × 514 | 2× | 326 | 2.04″ | 1:1.22 | 2025 |
| Apple Watch Series 11 46mm | 208 × 248 | 416 × 496 | 2× | 330 | 1.96″ | 26:31 | 2025 |
| Apple Watch Series 11 42mm | 187 × 223 | 374 × 446 | 2× | 330 | 1.77″ | 1:1.19 | 2025 |
| Apple Watch Series 10 46mm | 208 × 248 | 416 × 496 | 2× | 330 | 1.96″ | 26:31 | 2024 |
| Apple Watch Series 10 42mm | 187 × 223 | 374 × 446 | 2× | 330 | 1.77″ | 1:1.19 | 2024 |
| Apple Watch Ultra 2 | 205 × 251 | 410 × 502 | 2× | 338 | 1.92″ | 1:1.22 | 2023 |
| Apple Watch Series 9 45mm | 198 × 242 | 396 × 484 | 2× | 326 | 1.9″ | 9:11 | 2023 |
| Apple Watch Series 9 41mm | 176 × 215 | 352 × 430 | 2× | 326 | 1.69″ | 1:1.22 | 2023 |
| Apple Watch Series 8 45mm | 198 × 242 | 396 × 484 | 2× | 326 | 1.9″ | 9:11 | 2022 |
| Apple Watch SE 44mm | 184 × 224 | 368 × 448 | 2× | 326 | 1.76″ | 23:28 | 2022 |
| Apple Watch Series 8 41mm | 176 × 215 | 352 × 430 | 2× | 326 | 1.69″ | 1:1.22 | 2022 |
| Apple Watch SE 40mm | 162 × 197 | 324 × 394 | 2× | 326 | 1.55″ | 1:1.22 | 2022 |
| Apple Watch Series 7 45mm | 198 × 242 | 396 × 484 | 2× | 326 | 1.9″ | 9:11 | 2021 |
| Apple Watch Series 6 44mm | 184 × 224 | 368 × 448 | 2× | 326 | 1.78″ | 23:28 | 2020 |
| Apple Watch Series 6 40mm | 162 × 197 | 324 × 394 | 2× | 326 | 1.57″ | 1:1.22 | 2020 |
Distinct CSS widths in this range
These are the only viewport widths your CSS actually sees across all 15 models. Everything else is a difference in physical pixels, not in layout space.
Questions
What is the most common Smartwatches screen size?
Across the 15 Smartwatches models listed here, 198 × 242 px is the most frequently repeated CSS viewport — 3 models share it. Building for that width covers the largest slice of the range.
Which Smartwatches has the largest screen?
The Apple Watch Ultra 3, with a 211 × 257 px CSS viewport and a 2.04-inch panel at 422 × 514.
Do I need a separate breakpoint for every Smartwatches?
No. These 15 models resolve to only 8 distinct CSS widths (162, 176, 184, 187, 198, 205, 208, 211 px). Layout should respond to those buckets, not to model names — and in practice a handful of well-chosen breakpoints covers all of them.