Screen Resolution Detector

Instantly tells the user their current viewport size and their physical screen resolution (handling the device pixel ratio).

Viewport Resolution (Logical)

CSS Pixels

Device Pixel Ratio (DPR)

Scale Factor

Physical Resolution (Estimated)

Native Pixels

Resize your browser window to see the Viewport Resolution update in real-time. The Physical Resolution is based on your current screen's scaling settings.

Features

Real-time viewport detection (CSS pixels).
Device Pixel Ratio (DPR) detection.
Calculates estimated physical screen resolution based on DPR.
Updates automatically when the window is resized.

How to Use

Open the tool in your browser.
The detected resolution details will appear instantly.
Adjust your browser window size to see the "Viewport Resolution" change.
Use the detected information to check if your display settings or responsiveness are working as expected.