Native resolution 416 × 496 px at 2× · 330 PPI · 1.96″ · 26:31. Design at 208 × 248 and export assets at 2×.
| Property | Value |
|---|---|
| CSS viewport (portrait) | 208 × 248 px |
| CSS viewport (landscape) | 248 × 208 px |
| Native resolution | 416 × 496 px |
| Device pixel ratio | 2× |
| Pixel density | 330 PPI |
| Screen diagonal | 1.96 in |
| Panel size | 1.26 × 1.5 in |
| Aspect ratio | 26:31 (exact 26:31) |
| Total pixels | 0.21 MP |
| Released | 2025 |
| Operating system | watchOS |
Among the 15 watchs on this site, the Apple Watch Series 11 46mm has the 2nd largest CSS viewport area. Its 208 px width is 18 px above the 190 px average for this category.
Targeting the Apple Watch Series 11 46mm in CSS
Device-specific media queries are brittle — a new model with the same width will not match. Use them for genuine per-device fixes only, and prefer width buckets for layout.
/* Target Apple Watch Series 11 46mm specifically */
@media only screen
and (device-width: 208px)
and (device-height: 248px)
and (-webkit-device-pixel-ratio: 2) {
/* … */
}
/* More useful in practice — the width bucket it falls into */
@media (min-width: 208px) { /* … */ }Compare with other Smartwatches models
| Device | CSS viewport | Native | DPR | PPI | Diagonal |
|---|---|---|---|---|---|
| Apple Watch Series 11 46mm | 208 × 248 | 416 × 496 | 2× | 330 | 1.96″ |
| Apple Watch Ultra 3 | 211 × 257 | 422 × 514 | 2× | 326 | 2.04″ |
| Apple Watch Series 11 42mm | 187 × 223 | 374 × 446 | 2× | 330 | 1.77″ |
| Apple Watch Series 10 46mm | 208 × 248 | 416 × 496 | 2× | 330 | 1.96″ |
| Apple Watch Series 10 42mm | 187 × 223 | 374 × 446 | 2× | 330 | 1.77″ |
| Apple Watch Ultra 2 | 205 × 251 | 410 × 502 | 2× | 338 | 1.92″ |
| Apple Watch Series 9 45mm | 198 × 242 | 396 × 484 | 2× | 326 | 1.9″ |
| Apple Watch Series 9 41mm | 176 × 215 | 352 × 430 | 2× | 326 | 1.69″ |
| Apple Watch Series 8 45mm | 198 × 242 | 396 × 484 | 2× | 326 | 1.9″ |
Questions about the Apple Watch Series 11 46mm screen
What is the screen size of the Apple Watch Series 11 46mm?
The Apple Watch Series 11 46mm has a 1.96-inch display. In CSS the viewport measures 208 × 248 px in portrait, and the panel itself has 416 × 496 physical pixels at 330 PPI.
What resolution should I design for on the Apple Watch Series 11 46mm?
Design at 208 × 248 and export assets at 2×. That gives you 416 × 496 px images, which is exactly what the panel renders. Designing directly at 416 × 496 means every measurement is 2 times larger than the CSS values you will write.
What is the device pixel ratio of the Apple Watch Series 11 46mm?
The Apple Watch Series 11 46mm reports a device pixel ratio of 2. One CSS pixel therefore covers 4 device pixels. You can read it in JavaScript with window.devicePixelRatio.
Which other devices have the same viewport as the Apple Watch Series 11 46mm?
1 other device shares the 208 × 248 CSS viewport: Apple Watch Series 10 46mm. A layout that works on one works on all of them.
Related
window.innerWidth/innerHeight reported by the stock browser with no browser chrome. See methodology and sources.