Browser Window Size Checker
Measure live viewport dimensions, breakpoint class, and device pixel ratio while testing responsive layouts.
Browser Window Size Checker
Viewport width
0px
Viewport height
0px
Device pixel ratio
1.00
Active breakpoint
Mobile
Responsive Breakpoint Guide
Mobile: <640px
Large Mobile: 640-767px
Tablet: 768-1023px
Laptop: 1024-1279px
Desktop: 1280+px
Why Frontend Teams Use This Tool
✓
Real-time viewport tracking
Watch width and height change live as you resize your browser.
✓
Breakpoint labeling
Map the viewport to a practical device class instantly.
✓
DPR visibility
See device pixel ratio while debugging responsive rendering issues.
Frequently Asked Questions
What is the difference between screen size and browser window size?
Screen size is the full device display resolution. Browser window size is the current visible viewport inside the browser, which is what responsive layouts actually respond to.
Why check device pixel ratio?
DPR affects image sharpness, canvas rendering, and some media query behavior on high-density displays.
Other Responsive Tools
Iframe Generator
Generate responsive, secure iframe embed code with sandbox flags and preview
Box Shadow Generator
Create multi-layer CSS box-shadows with presets, inset support, and live preview
ASCII to HEX Converter
Translate ASCII strings to hexadecimal or decode hex payloads back to readable text
IP Lookup Tool
Reveal IP geolocation, ISP, ASN, timezone, and security flags with one click
JSON Formatter
Format and validate JSON data
JWT Token Decoder
Decode and inspect JWT tokens