Live — updates on resize
Screen Resolution
Physical screen pixels
Browser Viewport
Current window size (CSS px)
Device Pixel Ratio
Physical ÷ CSS pixels
Colour Depth
Bits per pixel
Available Screen
Excluding taskbar/dock
Scroll Position
X × Y from top-left
Orientation
Portrait or landscape
Touch Support
Touch points available

Common breakpoints

Mobile
< 768px
Tablet
768–1024px
Desktop
> 1024px
HD
1280px
Full HD
1920px
4K
3840px

Frequently asked questions

What is device pixel ratio?
Device Pixel Ratio (DPR) is the ratio of physical pixels to CSS pixels. A DPR of 2 means a Retina or HiDPI display — 2 physical pixels for every 1 CSS pixel. This affects image quality on high-density screens.
What is viewport vs screen resolution?
Screen resolution is the total physical display size. Viewport is the visible area of your browser window, which changes as you resize the window or zoom in/out.
Related tools
Ad