see your browser's user agent
Shows and parses your browser's user agent string.
What Is My Screen Resolution?
Check your screen resolution, browser viewport size, and device pixel ratio at a glance. The values update live when you resize the window or rotate your phone.
Read from your browser. Nothing is sent or stored.
- Screen resolution
- –
- Browser viewport
- –
- Device pixel ratio
- –
- Physical pixels (approx.)
- –
- Available screen (minus taskbar)
- –
- Screen aspect ratio
- –
- Color depth
- –
- Orientation
- –
- Touch support
- –
- Preferred color scheme
- –
- Reduced motion
- –
- Color gamut
- –
Values update when you resize the window or rotate the device.
How to use the Screen Resolution Checker
- Open the page. Screen resolution and Browser viewport are filled in straight away.
- Resize the window or rotate your device and watch the values change. The viewport follows the window; the screen size does not.
- Copy a single value, or press Copy all to paste everything into a bug report.
How it works
All values come from your browser:
- Screen resolution =
screen.width × screen.height, in CSS pixels. - Browser viewport =
window.innerWidth × window.innerHeight, the area a page can use, scrollbars included. CSS media queries test this size. - Device pixel ratio =
window.devicePixelRatio, the number of physical pixels per CSS pixel. It includes your operating system's display scaling and the browser zoom. - Physical pixels = screen size × device pixel ratio, rounded. This is usually the panel's native resolution.
- Color scheme, reduced motion, and color gamut come from CSS media queries.
Examples
- A 1920 × 1080 laptop at 125% Windows scaling reports a screen of 1536 × 864 CSS pixels with a pixel ratio of 1.25.
- An iPhone 15 reports 393 × 852 with a pixel ratio of 3, which is 1179 × 2556 physical pixels.
- A 1366 × 768 screen has the ratio 683:384, shown as about 16:9.
Common screen resolutions
| Resolution | Name | Aspect ratio | Typical device |
|---|---|---|---|
| 1280 × 720 | HD (720p) | 16:9 | Small laptops, TVs |
| 1366 × 768 | WXGA | about 16:9 | Budget laptops |
| 1440 × 900 | WXGA+ | 16:10 | Older MacBook Air |
| 1536 × 864 | 1080p at 125% | 16:9 | Windows laptops with scaling |
| 1920 × 1080 | Full HD (1080p) | 16:9 | Most desktop monitors |
| 1920 × 1200 | WUXGA | 16:10 | Business laptops |
| 2560 × 1440 | QHD (1440p) | 16:9 | Gaming and design monitors |
| 3440 × 1440 | UWQHD | about 21:9 | Ultrawide monitors |
| 3840 × 2160 | 4K UHD | 16:9 | 4K monitors and TVs |
| 390 × 844 | Phone (CSS pixels) | about 9:19.5 | iPhone 12 to 14 |
Limitations
- Browsers report CSS pixels, not hardware pixels. With display scaling above 100%, the screen size shown is smaller than the monitor's native resolution. Multiply by the pixel ratio to get it back.
- Browser zoom changes the pixel ratio and the viewport. Reset zoom to 100% (Ctrl+0 or Cmd+0) for a clean reading.
- With several monitors, the values describe the screen the browser window is on.
- Some privacy-focused browsers round or fake these values to make tracking harder.
Frequently asked questions
What is the difference between screen resolution and viewport?
The screen resolution is the size of the whole display. The viewport is the part of the browser window a web page can use, so it shrinks with the window and excludes toolbars and tabs.
Why does my 4K monitor show 1920 × 1080?
Your operating system scales the display by 200%, so each CSS pixel is 2 × 2 hardware pixels. The device pixel ratio of 2 shows this, and the physical pixels line gives 3840 × 2160.
What screen size should I design for?
Design for a range of viewport widths rather than one size: from about 360 px (small phones) to 1920 px and above. Test at 1366 and 1536 too, which are common laptop widths.
Related tools
Often used together with the Screen Resolution Checker.
work out an aspect ratioCalculators
Aspect ratio of a size, or the missing side from a ratio.
PX to REM ConverterConverters
Pixels to rem, em, and pt for CSS.