Screen Resolution Tester
Check your screen size, viewport dimensions, device pixel ratio, and active CSS breakpoints in real-time.
100% client-side — no data sent to any server
Your Screen & Viewport
Screen Size
—
Physical display resolution
Viewport Size
—
Browser window inner size
Pixel Ratio
—
Device pixel ratio (DPR)
Color Depth
—
Bits per pixel
Avail. Screen
—
Excluding taskbar/dock
Orientation
—
Landscape or Portrait
Active CSS Breakpoint
XS
< 576px
Extra Small
SM
576 – 767px
Small
MD
768 – 991px
Medium
LG
992 – 1199px
Large
XL
≥ 1200px
Extra Large
Based on your current window.innerWidth. Breakpoints follow Bootstrap 5 / common conventions.
Resize & Media Query Tester
Common Device Presets
| Device | Resolution | Pixel Ratio | Category | Test |
|---|---|---|---|---|
| iPhone 15 | 393 × 852 | 3× | Mobile | |
| iPhone 15 Pro Max | 430 × 932 | 3× | Mobile | |
| Samsung Galaxy S24 | 360 × 780 | 3× | Mobile | |
| iPad (10th gen) | 820 × 1180 | 2× | Tablet | |
| iPad Pro 12.9" | 1024 × 1366 | 2× | Tablet | |
| MacBook Air 13" | 1280 × 800 | 2× | Laptop | |
| MacBook Pro 16" | 1728 × 1117 | 2× | Laptop | |
| Full HD 1080p | 1920 × 1080 | 1× | Desktop | |
| QHD 1440p | 2560 × 1440 | 1× | Desktop | |
| 4K UHD | 3840 × 2160 | 2× | Desktop |
* CSS viewport dimensions shown (logical pixels). Physical pixels = resolution × pixel ratio.