Smallest whole-pixel size 8 × 5.
In CSS: aspect-ratio: 16 / 10. Rotated it becomes 5:8.
Where 16:10 is used
MacBook and premium Windows laptops, WUXGA monitors.
Briefly the widescreen computing standard before 16:9 displaced it, now returning on laptops because the extra vertical space suits documents and code.
Rendered live with aspect-ratio: 16 / 10.
16:10 resolutions
Every size below is exactly 16:10 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 160 × 100 | 160 | 100 | 0.02 | — |
| 168 × 105 | 168 | 105 | 0.02 | — |
| 176 × 110 | 176 | 110 | 0.02 | — |
| 184 × 115 | 184 | 115 | 0.02 | — |
| 192 × 120 | 192 | 120 | 0.02 | — |
| 200 × 125 | 200 | 125 | 0.03 | — |
| 208 × 130 | 208 | 130 | 0.03 | — |
| 216 × 135 | 216 | 135 | 0.03 | — |
| 224 × 140 | 224 | 140 | 0.03 | — |
| 232 × 145 | 232 | 145 | 0.03 | — |
| 240 × 150 | 240 | 150 | 0.04 | — |
| 248 × 155 | 248 | 155 | 0.04 | — |
| 256 × 160 | 256 | 160 | 0.04 | — |
| 264 × 165 | 264 | 165 | 0.04 | — |
| 272 × 170 | 272 | 170 | 0.05 | — |
| 280 × 175 | 280 | 175 | 0.05 | — |
| 288 × 180 | 288 | 180 | 0.05 | — |
| 296 × 185 | 296 | 185 | 0.05 | — |
| 304 × 190 | 304 | 190 | 0.06 | — |
| 312 × 195 | 312 | 195 | 0.06 | — |
| 320 × 200 | 320 | 200 | 0.06 | — |
| 328 × 205 | 328 | 205 | 0.07 | — |
| 336 × 210 | 336 | 210 | 0.07 | — |
| 344 × 215 | 344 | 215 | 0.07 | — |
| 352 × 220 | 352 | 220 | 0.08 | — |
| 360 × 225 | 360 | 225 | 0.08 | — |
| 368 × 230 | 368 | 230 | 0.08 | — |
| 376 × 235 | 376 | 235 | 0.09 | — |
| 384 × 240 | 384 | 240 | 0.09 | — |
| 392 × 245 | 392 | 245 | 0.1 | — |
| 400 × 250 | 400 | 250 | 0.1 | — |
| 408 × 255 | 408 | 255 | 0.1 | — |
| 416 × 260 | 416 | 260 | 0.11 | — |
| 424 × 265 | 424 | 265 | 0.11 | — |
| 432 × 270 | 432 | 270 | 0.12 | — |
| 440 × 275 | 440 | 275 | 0.12 | — |
| 448 × 280 | 448 | 280 | 0.13 | — |
| 456 × 285 | 456 | 285 | 0.13 | — |
| 464 × 290 | 464 | 290 | 0.13 | — |
| 472 × 295 | 472 | 295 | 0.14 | — |
Using 16:10 in CSS
/* Modern — one line */
.box { aspect-ratio: 16 / 10; }
/* With a fixed width */
.box { width: 100%; max-width: 320px; aspect-ratio: 16 / 10; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 62.5%; }
.box-legacy > * { position: absolute; inset: 0; }Devices with a 16:10 screen
| Device | Native resolution | CSS viewport | Diagonal |
|---|---|---|---|
| MacBook Pro 13″ (M2) | 2560 × 1600 | 1440 × 900 | 13.3″ |
| MacBook Pro 13″ (M1) | 2560 × 1600 | 1440 × 900 | 13.3″ |
| MacBook Air 13″ (M1) | 2560 × 1600 | 1440 × 900 | 13.3″ |
| MacBook Pro 16″ (2019) | 3072 × 1920 | 1792 × 1120 | 16″ |
| MacBook Pro 15″ (2018) | 2880 × 1800 | 1440 × 900 | 15.4″ |
| Dell XPS 13 (9350) | 1920 × 1200 | 1280 × 800 | 13.4″ |
| Dell XPS 13 Plus | 1920 × 1200 | 1280 × 800 | 13.4″ |
| Dell XPS 14 (9440) | 3200 × 2000 | 1600 × 1000 | 14.5″ |
| Dell XPS 16 (9640) | 3456 × 2160 | 1728 × 1080 | 16.3″ |
| ThinkPad X1 Carbon Gen 12 | 1920 × 1200 | 1280 × 800 | 14″ |
Named standards at 16:10
Questions about 16:10
What resolution is 16:10?
16:10 is a ratio, not a fixed resolution — any size where width ÷ height equals 1.6 qualifies. The smallest whole-pixel pair is 8 × 5, and common ones include .
What is 16:10 used for?
MacBook and premium Windows laptops, WUXGA monitors.
How do I set 16:10 in CSS?
Use the aspect-ratio property: aspect-ratio: 16 / 10;. The element then keeps that shape at any width. It is supported in every current browser.
What is 16:10 the other way round?
Rotated 90 degrees it becomes 5:8.
How do I calculate a 16:10 height from a width?
Multiply the width by 0.625. For example width × ratio = height. The calculator does it both directions.