Smallest whole-pixel size 37 × 20.
In CSS: aspect-ratio: 1.85 / 1. Rotated it becomes 20:37.
Where 1.85:1 is used
Theatrical "flat" projection.
One of two standard cinema projection ratios in North America since the 1950s.
Rendered live with aspect-ratio: 1.85 / 1.
1.85:1 resolutions
Every size below is exactly 1.85:1 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 185 × 100 | 185 | 100 | 0.02 | — |
| 222 × 120 | 222 | 120 | 0.03 | — |
| 259 × 140 | 259 | 140 | 0.04 | — |
| 296 × 160 | 296 | 160 | 0.05 | — |
| 333 × 180 | 333 | 180 | 0.06 | — |
| 370 × 200 | 370 | 200 | 0.07 | — |
| 407 × 220 | 407 | 220 | 0.09 | — |
| 444 × 240 | 444 | 240 | 0.11 | — |
| 481 × 260 | 481 | 260 | 0.13 | — |
| 518 × 280 | 518 | 280 | 0.15 | — |
| 555 × 300 | 555 | 300 | 0.17 | — |
| 592 × 320 | 592 | 320 | 0.19 | — |
| 629 × 340 | 629 | 340 | 0.21 | — |
| 666 × 360 | 666 | 360 | 0.24 | — |
| 703 × 380 | 703 | 380 | 0.27 | — |
| 740 × 400 | 740 | 400 | 0.3 | — |
| 777 × 420 | 777 | 420 | 0.33 | — |
| 814 × 440 | 814 | 440 | 0.36 | — |
| 851 × 460 | 851 | 460 | 0.39 | — |
| 888 × 480 | 888 | 480 | 0.43 | — |
| 925 × 500 | 925 | 500 | 0.46 | — |
| 962 × 520 | 962 | 520 | 0.5 | — |
| 999 × 540 | 999 | 540 | 0.54 | — |
| 1036 × 560 | 1036 | 560 | 0.58 | — |
| 1073 × 580 | 1073 | 580 | 0.62 | — |
| 1110 × 600 | 1110 | 600 | 0.67 | — |
| 1147 × 620 | 1147 | 620 | 0.71 | — |
| 1184 × 640 | 1184 | 640 | 0.76 | — |
| 1221 × 660 | 1221 | 660 | 0.81 | — |
| 1258 × 680 | 1258 | 680 | 0.86 | — |
| 1295 × 700 | 1295 | 700 | 0.91 | — |
| 1332 × 720 | 1332 | 720 | 0.96 | — |
| 1369 × 740 | 1369 | 740 | 1.01 | — |
| 1406 × 760 | 1406 | 760 | 1.07 | — |
| 1443 × 780 | 1443 | 780 | 1.13 | — |
| 1480 × 800 | 1480 | 800 | 1.18 | — |
| 1517 × 820 | 1517 | 820 | 1.24 | — |
| 1554 × 840 | 1554 | 840 | 1.31 | — |
| 1591 × 860 | 1591 | 860 | 1.37 | — |
| 1628 × 880 | 1628 | 880 | 1.43 | — |
Using 1.85:1 in CSS
/* Modern — one line */
.box { aspect-ratio: 1.85 / 1; }
/* With a fixed width */
.box { width: 100%; max-width: 814px; aspect-ratio: 1.85 / 1; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 54.0541%; }
.box-legacy > * { position: absolute; inset: 0; }Questions about 1.85:1
What resolution is 1.85:1?
1.85:1 is a ratio, not a fixed resolution — any size where width ÷ height equals 1.85 qualifies. The smallest whole-pixel pair is 37 × 20, and common ones include 666 × 360, 703 × 380, 740 × 400, 777 × 420.
What is 1.85:1 used for?
Theatrical "flat" projection.
How do I set 1.85:1 in CSS?
Use the aspect-ratio property: aspect-ratio: 1.85 / 1;. The element then keeps that shape at any width. It is supported in every current browser.
What is 1.85:1 the other way round?
Rotated 90 degrees it becomes 20:37.
How do I calculate a 1.85:1 height from a width?
Multiply the width by 0.540541. For example 1036 × 0.540541 = 560. The calculator does it both directions.