Reference list of screen resolutions and viewport sizes across desktop, laptop, tablet and mobile — with names, aspect ratios and usage notes.
| Resolution | Name | Aspect ratio | Notes |
|---|---|---|---|
| 1920 × 1080 | Full HD 1080p | 16:9 | The most common desktop resolution worldwide. |
| 1280 × 720 | HD 720p | 16:9 | Minimum HD; common in screen recordings. |
| 1680 × 1050 | WSXGA+ | 16:10 | Older 22" monitors. |
| 2560 × 1440 | QHD 1440p | 16:9 | Standard 27" monitor resolution. |
| 3440 × 1440 | UWQHD | 21:9 | 34" ultrawide monitors. |
| 3840 × 2160 | 4K UHD | 16:9 | 4K monitors and TVs. |
| 5120 × 2880 | 5K | 16:9 | Apple Studio Display, iMac 27". |
| Resolution | Name | Aspect ratio | Notes |
|---|---|---|---|
| 1366 × 768 | WXGA | 16:9 | Common on budget laptops; slowly declining. |
| 1536 × 864 | — | 16:9 | 1920×1080 panel at 125% Windows scaling. |
| 1440 × 900 | WXGA+ | 16:10 | Classic MacBook Air CSS resolution. |
| 1600 × 900 | HD+ | 16:9 | Mid-size laptop panels. |
| 1920 × 1200 | WUXGA | 16:10 | 16:10 business laptops. |
| 2560 × 1600 | WQXGA | 16:10 | 13"–16" premium laptops at 2x scaling. |
| Resolution | Name | Aspect ratio | Notes |
|---|---|---|---|
| 768 × 1024 | XGA | 4:3 | Classic iPad CSS viewport. |
| 820 × 1180 | — | ≈ 4:3 | iPad Air / iPad 10th gen CSS viewport. |
| 1024 × 1366 | — | 3:4 | iPad Pro 12.9" CSS viewport. |
| Resolution | Name | Aspect ratio | Notes |
|---|---|---|---|
| 360 × 800 | — | 20:9 | Most common Android CSS viewport. |
| 390 × 844 | — | 19.5:9 | iPhone 12/13/14 CSS viewport. |
| 393 × 852 | — | 19.5:9 | iPhone 15/16 CSS viewport. |
| 412 × 915 | — | 20:9 | Pixel CSS viewport. |
| 414 × 896 | — | 19.5:9 | iPhone XR/11 CSS viewport. |
| 430 × 932 | — | 19.5:9 | iPhone Plus / Pro Max CSS viewport. |
These widths are better treated as testing targets than as exact device promises. Start with this set, then add the breakpoints and analytics widths that matter for your own product.
| Width | Use case | Why it matters |
|---|---|---|
| 360px | Narrow Android | Catches cramped navigation, forms and minimum mobile layouts. |
| 393px | Common iPhone | A practical baseline for current standard iPhone layouts. |
| 430px | Large phone | Covers Plus, Pro Max and large Android portrait widths. |
| 768px | Tablet portrait | Common tablet width and a frequent responsive breakpoint. |
| 1024px | Tablet landscape | Useful for tablet split layouts and small desktop transitions. |
| 1366px | Small laptop | Still a common desktop QA width for browser-based apps. |
| 1536px | Large laptop | Represents scaled high-DPI laptops and wider work surfaces. |
| 1920px | Desktop monitor | A wide baseline for dashboards, tables and full desktop layouts. |
Use the responsive design testing checklistfor scenario-based QA, or the responsive breakpoint checkerwhen you need Tailwind, Bootstrap and media-query thresholds. For observed browser viewport patterns, see theViewport Statistics Report.
A 1920 x 1080 monitor rarely gives a web page a 1920 x 1080 CSS viewport. Browser chrome, window size, operating-system scaling, scrollbars and taskbars all reduce or transform the space that CSS media queries actually see.
Mobile and tablet rows are listed as CSS viewport sizes because those are the values responsive layouts use. Physical panel resolution still matters for sharpness and screenshots, but layout debugging should start with the viewport size checker.
1920 × 1080 (Full HD) remains the most common desktop resolution worldwide. On mobile, 360 × 800 CSS pixels is the most common viewport. High-DPI laptops increasingly report scaled resolutions like 1536 × 864.
Mobile values are listed as CSS viewport sizes — what websites actually see — not physical panel pixels. A phone with a 1179 × 2556 panel reports a 393 × 852 viewport because of its 3× device pixel ratio.
A practical minimum set: 360 and 393 px wide (Android/iPhone), 768 px (tablet portrait), 1366 and 1536 px (laptops), and 1920 px (desktop). Your analytics should always override generic lists.
They name the pixel height: 1080p is 1920 × 1080, 1440p (QHD) is 2560 × 1440, and 4K UHD is 3840 × 2160 — four times the pixels of 1080p.