Smallest whole-pixel size 3 × 2.
In CSS: aspect-ratio: 3 / 2. Rotated it becomes 2:3.
Where 3:2 is used
35 mm photography, Surface devices, most DSLR and mirrorless sensors.
Set by Oskar Barnack in 1913 when he doubled the 18×24 mm cine frame for the first Leica. Nearly every interchangeable-lens camera still shoots it.
Rendered live with aspect-ratio: 3 / 2.
3:2 resolutions
Every size below is exactly 3:2 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 162 × 108 | 162 | 108 | 0.02 | — |
| 165 × 110 | 165 | 110 | 0.02 | — |
| 168 × 112 | 168 | 112 | 0.02 | — |
| 171 × 114 | 171 | 114 | 0.02 | — |
| 174 × 116 | 174 | 116 | 0.02 | — |
| 177 × 118 | 177 | 118 | 0.02 | — |
| 180 × 120 | 180 | 120 | 0.02 | — |
| 480 × 320 | 480 | 320 | 0.15 | HVGA |
| 720 × 480 | 720 | 480 | 0.35 | — |
| 960 × 640 | 960 | 640 | 0.61 | — |
| 1080 × 720 | 1080 | 720 | 0.78 | — |
| 1200 × 800 | 1200 | 800 | 0.96 | — |
| 1440 × 960 | 1440 | 960 | 1.38 | — |
| 1920 × 1280 | 1920 | 1280 | 2.46 | — |
| 3840 × 2560 | 3840 | 2560 | 9.83 | — |
| 7680 × 5120 | 7680 | 5120 | 39.32 | — |
Using 3:2 in CSS
/* Modern — one line */
.box { aspect-ratio: 3 / 2; }
/* With a fixed width */
.box { width: 100%; max-width: 960px; aspect-ratio: 3 / 2; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 66.6667%; }
.box-legacy > * { position: absolute; inset: 0; }Devices with a 3:2 screen
| Device | Native resolution | CSS viewport | Diagonal |
|---|---|---|---|
| Surface Pro 11 | 2880 × 1920 | 1440 × 960 | 13″ |
| Surface Pro 9 | 2880 × 1920 | 1440 × 960 | 13″ |
| Surface Laptop 7 15″ | 2496 × 1664 | 1440 × 960 | 15″ |
| Surface Laptop 7 13.8″ | 2304 × 1536 | 1280 × 853 | 13.8″ |
| Surface Laptop Studio 2 | 2400 × 1600 | 1600 × 1067 | 14.4″ |
| Surface Studio 2 | 4500 × 3000 | 2250 × 1500 | 28″ |
| Framework Laptop 13 | 2256 × 1504 | 1504 × 1003 | 13.5″ |
| HP Spectre x360 14 | 2880 × 1920 | 1280 × 853 | 14″ |
Named standards at 3:2
Questions about 3:2
What resolution is 3:2?
3:2 is a ratio, not a fixed resolution — any size where width ÷ height equals 1.5 qualifies. The smallest whole-pixel pair is 3 × 2, and common ones include 720 × 480, 960 × 640, 1080 × 720, 1200 × 800.
What is 3:2 used for?
35 mm photography, Surface devices, most DSLR and mirrorless sensors.
How do I set 3:2 in CSS?
Use the aspect-ratio property: aspect-ratio: 3 / 2;. The element then keeps that shape at any width. It is supported in every current browser.
What is 3:2 the other way round?
Rotated to portrait it becomes 2:3 — the same shape, turned 90 degrees.
How do I calculate a 3:2 height from a width?
Multiply the width by 0.666667. For example 1080 × 0.666667 = 720. The calculator does it both directions.