Free Screen Resolution Tester
See your current browser window size, screen resolution, device pixel ratio, and which Tailwind breakpoint is active. Updates in real time on resize. No signup required.
100% free — no account needed
0 x 0
Window Size
Screen Resolution
0 x 0
Device Pixel Ratio
1x
Orientation
Landscape
Tailwind Breakpoint
Device Matches
Free Screen Resolution Tester Features
Real-time browser and screen metrics
Tailwind Breakpoints
Know which Tailwind CSS breakpoint (sm/md/lg/xl/2xl) is currently active.
Device Matching
See which common devices match your current window size.
Pixel Ratio
See your device pixel ratio — important for retina/high-DPI displays.
Live Updates
All values update instantly as you resize your browser window.
FAQ
What is device pixel ratio?
DPR is the ratio between physical pixels and CSS pixels. A DPR of 2 (Retina) means each CSS pixel is rendered by 4 physical pixels.
Why is my resolution different from my screen specs?
Browser window size ≠screen resolution. The window is usually smaller than the screen, and DPR scaling means CSS pixels differ from physical pixels.
What are Tailwind breakpoints?
sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px. Your layout changes at these widths in Tailwind CSS responsive design.
Build Responsive Content
Test your responsive designs across devices.