Smallest whole-pixel size 4 × 3.
In CSS: aspect-ratio: 4 / 3. Rotated it becomes 3:4.
Where 4:3 is used
Classic television, iPad screens, most projectors, medium-format-adjacent photography.
The original 35 mm film and broadcast standard. It survives because it is the most efficient way to fill a page or a slide.
Rendered live with aspect-ratio: 4 / 3.
4:3 resolutions
Every size below is exactly 4:3 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 160 × 120 | 160 | 120 | 0.02 | QQVGA |
| 164 × 123 | 164 | 123 | 0.02 | — |
| 168 × 126 | 168 | 126 | 0.02 | — |
| 172 × 129 | 172 | 129 | 0.02 | — |
| 176 × 132 | 176 | 132 | 0.02 | — |
| 180 × 135 | 180 | 135 | 0.02 | — |
| 184 × 138 | 184 | 138 | 0.03 | — |
| 188 × 141 | 188 | 141 | 0.03 | — |
| 192 × 144 | 192 | 144 | 0.03 | — |
| 196 × 147 | 196 | 147 | 0.03 | — |
| 200 × 150 | 200 | 150 | 0.03 | — |
| 204 × 153 | 204 | 153 | 0.03 | — |
| 208 × 156 | 208 | 156 | 0.03 | — |
| 212 × 159 | 212 | 159 | 0.03 | — |
| 216 × 162 | 216 | 162 | 0.03 | — |
| 220 × 165 | 220 | 165 | 0.04 | — |
| 224 × 168 | 224 | 168 | 0.04 | — |
| 228 × 171 | 228 | 171 | 0.04 | — |
| 232 × 174 | 232 | 174 | 0.04 | — |
| 236 × 177 | 236 | 177 | 0.04 | — |
| 240 × 180 | 240 | 180 | 0.04 | — |
| 320 × 240 | 320 | 240 | 0.08 | QVGA |
| 480 × 360 | 480 | 360 | 0.17 | — |
| 640 × 480 | 640 | 480 | 0.31 | VGA |
| 720 × 540 | 720 | 540 | 0.39 | — |
| 800 × 600 | 800 | 600 | 0.48 | SVGA |
| 960 × 720 | 960 | 720 | 0.69 | — |
| 1080 × 810 | 1080 | 810 | 0.87 | — |
| 1200 × 900 | 1200 | 900 | 1.08 | — |
| 1280 × 960 | 1280 | 960 | 1.23 | — |
| 1440 × 1080 | 1440 | 1080 | 1.56 | — |
| 1600 × 1200 | 1600 | 1200 | 1.92 | UXGA |
| 1920 × 1440 | 1920 | 1440 | 2.76 | — |
| 2048 × 1536 | 2048 | 1536 | 3.15 | — |
| 2560 × 1920 | 2560 | 1920 | 4.92 | — |
| 3200 × 2400 | 3200 | 2400 | 7.68 | — |
| 3840 × 2880 | 3840 | 2880 | 11.06 | — |
| 5120 × 3840 | 5120 | 3840 | 19.66 | — |
| 7680 × 5760 | 7680 | 5760 | 44.24 | — |
Using 4:3 in CSS
/* Modern — one line */
.box { aspect-ratio: 4 / 3; }
/* With a fixed width */
.box { width: 100%; max-width: 800px; aspect-ratio: 4 / 3; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 75%; }
.box-legacy > * { position: absolute; inset: 0; }Named standards at 4:3
Questions about 4:3
What resolution is 4:3?
4:3 is a ratio, not a fixed resolution — any size where width ÷ height equals 1.3333 qualifies. The smallest whole-pixel pair is 4 × 3, and common ones include 640 × 480, 720 × 540, 800 × 600, 960 × 720.
What is 4:3 used for?
Classic television, iPad screens, most projectors, medium-format-adjacent photography.
How do I set 4:3 in CSS?
Use the aspect-ratio property: aspect-ratio: 4 / 3;. The element then keeps that shape at any width. It is supported in every current browser.
What is 4:3 the other way round?
Rotated to portrait it becomes 3:4 — the same shape, turned 90 degrees.
How do I calculate a 4:3 height from a width?
Multiply the width by 0.75. For example 1080 × 0.75 = 810. The calculator does it both directions.