📱

Screen Resolution Detector

Instantly see your screen resolution, viewport size, device pixel ratio, color depth, orientation, touch support, and browser information. Updates live on resize.

Loading tool...

About This Tool

Web developers, designers, and QA testers need to know the exact display properties of a device to troubleshoot layout issues, design responsive interfaces, and verify media query breakpoints. This tool surfaces all the key display metrics in one place. The detector shows your full screen resolution, the current browser viewport dimensions (which change as you resize), device pixel ratio (important for HiDPI/Retina screens), color depth in bits, screen orientation, available screen space minus taskbars, touch capability, and the window.innerWidth breakpoint for CSS media queries. All values update in real time as you resize the browser window. The browser and OS information section identifies your user agent details. Click any value to copy it to your clipboard.