Dev Tools
Screen Resolution & Viewport Info
The Screen Resolution & Viewport Info tool shows your screen resolution, browser viewport size, device pixel ratio, color depth and orientation at a glance.
It updates live as you resize your browser window, making it handy for testing responsive designs or quickly checking your display specs.
How to Use the Screen Resolution & Viewport Info
- Open the Screen Resolution & Viewport Info tool.
- View your current screen and viewport stats.
- Resize your browser window to see the values update live.
Frequently Asked Questions
What's the difference between screen resolution and viewport size?
Screen resolution is your monitor's full pixel dimensions; viewport size is the visible area of the browser window itself, which is usually smaller.
What is device pixel ratio?
It's the ratio between physical device pixels and CSS pixels -- for example, many phones and Retina displays report a ratio of 2 or 3.
Advertisement
Sponsored