Display
What Is My Viewport?
See your current browser viewport size in pixels. Instantly determine the rendering dimensions of your browser.
Live Result
Detecting…
What is it?
The viewport is the visible area inside your browser where web pages are rendered, measured in CSS pixels. It excludes browser UI chrome like toolbars, tabs, and OS taskbars, representing only the canvas where website content is drawn.
Why this matters
Viewport size is the most critical metric for responsive web design. CSS media queries use viewport dimensions to adapt layouts for mobile, tablet, and desktop screens. Developers must ensure their applications look perfect at specific viewport breakpoints.
Practical Use Cases
- Web Developers testing CSS breakpoints to ensure responsive layouts trigger correctly.
- QA Testers documenting the exact viewport size where a visual bug occurs on a specific device.
- Designers matching their Figma or Sketch artboard dimensions to real-world browser viewports.
Common values
| Label | Value |
|---|---|
| Mobile (typical) | 390 × 844 |
| Tablet (typical) | 768 × 1024 |
| Desktop (typical) | 1440 × 900 |
Troubleshooting
Viewport does not match screen resolution
This is expected. The viewport is always smaller than full screen resolution because of browser UI, scrollbars, and window sizing.
Frequently asked questions
What is a browser viewport?
A browser viewport is the physical area on your screen where web content is actively rendered, excluding the browser's own interface elements.
Does viewport size include the scrollbar?
In most modern browsers (especially on Windows), viewport width includes the scrollbar area when scrollbars are visible, though overlay scrollbars (common on macOS and mobile) behave differently.
Related Tools
- Screen ResolutionInstantly check your screen resolution in pixels. See your display width and height without installing software.
- Screen SizeCheck your available screen dimensions after subtracting OS taskbars and system UI.
- Browser Window SizeMeasure your full browser window dimensions including toolbars and chrome.
Explore more diagnostics
Visit the DeviceScope homepage for a complete live dashboard, or browse all tools in the Display category.