Screen Size & Viewport Checker

See your browser viewport dimensions, full screen resolution, device pixel ratio, and orientation at a glance — updating live as you resize. Use it to debug responsive layouts, confirm Tailwind breakpoints, or verify how your site appears at a specific viewport width without digging into browser DevTools.

All processing happens in your browser. No data is sent to any server.

Frequently Asked Questions

What is the difference between viewport size and screen resolution?
Screen resolution is your monitor's physical pixel count. Viewport size is the usable area of the browser window — it changes when you resize the window, zoom, or dock the browser DevTools.
What is device pixel ratio (DPR)?
DPR is the ratio of physical pixels to CSS pixels. A DPR of 2 means a 1×1 CSS pixel maps to a 2×2 grid of physical pixels — common on Retina and high-DPI displays.
What Tailwind breakpoints are shown?
The tool maps your viewport width to Tailwind's default breakpoints: xs (<640px), sm (≥640px), md (≥768px), lg (≥1024px), xl (≥1280px), and 2xl (≥1536px).

Related Tools