Check Your Screen Ratio
The aspect ratio is calculated by dividing the screen width by the screen height. A 1920 × 1080 display divided by 120 gives 16:9. You can find your own ratio by dividing the current width shown above by the height.
Useful reference: if the quick stats above show a device pixel ratio greater than 1, remember the physical resolution is your CSS resolution multiplied by that ratio — the ratio itself stays the same.
Common Screen Ratios
| Aspect Ratio | Resolution Example | Used By |
|---|---|---|
| 16:9 | 1920 × 1080 | Most monitors, TVs, laptops |
| 16:10 | 1920 × 1200 | MacBooks, business laptops |
| 21:9 | 3440 × 1440 | Ultrawide gaming monitors |
| 4:3 | 1600 × 1200 | Older monitors, projectors |
| 3:2 | 2160 × 1440 | Microsoft Surface devices |
| 9:19.5 | 1080 × 2340 | Modern Android phones (tall) |
Why Aspect Ratio Matters
- Video and images — content designed for 16:9 may show black bars on 4:3 or 21:9 screens.
- Web design — tall phone ratios mean layouts must scroll more; ultrawide ratios need wider content areas.
- Gaming — a wider ratio gives a bigger field of view in many games.
Frequently Asked Questions
What does 16:9 mean?
It means the screen is 16 units wide for every 9 units of height. Most modern displays, videos and games use 16:9.
How do I find my aspect ratio?
Divide your screen resolution width by height. For example 1920 ÷ 1080 = 1.78, which is 16:9. You can also just look at the aspect ratio shown by this tool.
What is the best aspect ratio for a monitor?
For general work and video, 16:9 is the most compatible. If you multitask or edit video, 16:10 or an ultrawide 21:9 gives extra vertical or horizontal space.