Screen & Viewport Detector
Live — updates on every resize. Inspect resolution, DPR, breakpoints, and more.
Viewport Width Bar
0640102412801536px+
Current: 0px — Mobile
Responsive Breakpoints
Mobile
< 640px
Tablet
640–1023px
Desktop
1024–1279px
Large
1280–1535px
XL
≥ 1536px
Tailwind CSS
(none / xs)
sm / md / lg / xl / 2xl
Bootstrap
xs
xs / sm / md / lg / xl / xxl
Screen & Viewport
Screen Resolution
0 × 0
screen.width × screen.height
Viewport Size
0 × 0
window.innerWidth × innerHeight
Available Screen
0 × 0
screen.availWidth × availHeight
Device Pixel Ratio
1
window.devicePixelRatio
Physical Pixels
0 × 0
viewport × DPR
Color Depth
0-bit
screen.colorDepth
Orientation
unknown
screen.orientation.type
Touch Points
0
navigator.maxTouchPoints
Connection
unknown
navigator.connection.effectiveType
Device Info
Platform
—
navigator.platform
User Agent
—
navigator.userAgent