All tools

Screen Info

Resolution, viewport, pixel ratio, and color depth.

Screen size
0 × 0
Real pixels
0 × 0
Viewport
0 × 0
Pixel ratio
1×
Color depth
24-bit
Orientation
—
Touch
No

About

Shows your current screen size, viewport size, device pixel ratio, color depth, and orientation. Updates live as you resize the window. Useful for testing responsive designs and debugging client environments.

How to use

  1. Open the page.
  2. Resize your window to see live updates.

FAQ

What's the difference between screen and viewport?+

Screen is the full monitor. Viewport is the browser's drawable area, which excludes browser chrome and any zoom. CSS media queries care about viewport.