What is my screen resolution?
Your display details are read directly from this browser tab and update live as you resize or rotate.
How it works
- Open this page on the device you want to check — the numbers appear instantly, no clicks needed.
- Resize the window or rotate your phone to watch the viewport values update live.
- Click Copy summary to grab all values as text for a bug report or support ticket.
Frequently asked questions
- Why is my screen resolution different from my monitor’s advertised resolution?
- Browsers report screen size in CSS pixels, not physical pixels. On high-density displays the operating system scales the interface — a 4K monitor at 200% scaling reports 1920 × 1080. Multiply the reported size by the device pixel ratio to get the physical panel resolution.
- What is the difference between viewport size and screen resolution?
- Screen resolution describes the whole display, while the viewport is only the area inside the browser window where pages render — excluding tabs, toolbars and any space taken by other windows. Web designers care about the viewport, because that is the space a page actually gets.
- What is device pixel ratio and why does it matter?
- Device pixel ratio (DPR) is how many physical screen pixels represent one CSS pixel. A DPR of 2 means every CSS pixel is drawn with a 2 × 2 block of hardware pixels, which is why text looks sharp on Retina-class displays. Images need roughly DPR-times their display size in real pixels to look crisp.
- How accurate is the browser zoom estimate?
- It compares the window’s outer size in OS pixels to its inner size in CSS pixels, which usually tracks the zoom level on desktop browsers. It is a heuristic: some browsers fold zoom into the device pixel ratio instead, and on mobile the value is not meaningful, so treat it as an estimate rather than a measurement.
- Is any of this information sent to a server?
- No. Every value is read locally by JavaScript running in your own browser tab and is displayed only to you — nothing is transmitted, logged or stored. Closing the tab leaves no trace of the check anywhere.
About this tool
This page reads your display configuration straight from the browser and shows it in one place: the viewport size of this tab, the full screen resolution, the device pixel ratio, the resulting physical pixel count, color depth, orientation and whether the device reports touch support. Everything updates live — drag the window edge or rotate your phone and the numbers change instantly, which makes the tool useful for testing responsive layouts as much as for answering the simple question in the title.
All values come from standard JavaScript APIs — screen.width, window.innerWidth, devicePixelRatio and matchMedia — executed locally in your tab. Nothing is sent to a server and nothing is stored; the information exists only on your screen while the page is open. One subtlety worth understanding: browsers measure everything in CSS pixels, an abstract unit the operating system maps onto hardware pixels. On a modern laptop or phone one CSS pixel typically covers a 2 × 2 or 3 × 3 block of physical pixels, so the tool multiplies the reported size by the device pixel ratio to show the true panel resolution as well.
Typical uses: checking what resolution a laptop, monitor or projector is actually running at after changing display settings, filling in the screen-size field of a bug report, verifying that a new monitor is being driven at native resolution rather than a scaled mode, or confirming which breakpoint a responsive design sees on a particular device. The Copy summary button collects every value into a short plain-text block you can paste directly into a ticket or chat.
A practical tip for web work: the viewport, not the screen, is what CSS media queries respond to. If a layout misbehaves at “1920 × 1080”, the viewport readout here often reveals the real story — browser toolbars, scrollbars, OS scaling and page zoom routinely leave the page with hundreds of pixels less than the screen’s headline number.