What is my viewport size
Your viewport, screen resolution, and device pixel ratio at a glance. Perfect for filing bug reports or testing responsive layouts.
Reading your browser state…
How to use this tool
- 1The values below read your current browser state automatically.
- 2Resize the window and viewport width and height update live.
- 3Copy any value with the button next to it for pasting into bug reports.
About this tool
Viewport dimensions are what CSS media queries respond to, while screen resolution is the full physical display. Device pixel ratio (DPR) tells you how many physical pixels render one CSS pixel, which matters for high-DPI displays and image asset planning. All three matter when reproducing a layout bug.
FAQ
Frequently asked questions
Short answers to what people ask most.
What is the difference between viewport size and screen resolution?
What is device pixel ratio (DPR)?
Do you store these values?
Why does the viewport size change when I resize?
Reviewing work with your team?
Pin comments directly on a live website or design — no extension, no setup.
Annotate live sites and screenshotsCapture browser, viewport, and CSS contextFree for your first project