Screen Resolution Checker
Instantly see your screen resolution, viewport size, device pixel ratio, and orientation. Updates live as you resize.
Screen Resolution
Width
800px
window.screen.width
Height
600px
window.screen.height
Viewport Size
Width
800px
window.innerWidth
Height
600px
window.innerHeight
Other Details
Pixel Ratio
1×
Device pixel ratio
Orientation
Landscape
W > H
Color Depth
24-bit
Bits per pixel
Screen vs Viewport: What's the Difference?
Screen Resolution
The total number of pixels your physical display has. This is a hardware property and does not change when you resize the browser. A 1920×1080 monitor always reports 1920×1080.
Viewport Size
The visible area of the browser window. It shrinks when you resize the window, open DevTools, or zoom in. CSS media queries respond to viewport size, not screen resolution.
Device Pixel Ratio (DPR) bridges the two: on a Retina or HiDPI display, each CSS pixel maps to 2 or more physical pixels, making everything look sharper. A viewport of 390px wide on an iPhone with DPR 3 uses 1170 physical pixels.