Screen Resolution Checker

See your screen's resolution, viewport size, pixel ratio and other display details.

What your display actually reports

There are several different numbers that describe a screen, and they are easy to confuse. This shows what your device actually reports — the full screen resolution, the browser viewport size, the device pixel ratio, and related details — so you can see the real figures rather than guessing, which is useful for debugging responsive layouts and understanding how your design is being viewed.

Open it and your display details are shown live.

Resolution versus viewport versus pixel ratio

The distinction that trips people up is between the physical resolution, the CSS viewport your layout actually works in, and the pixel ratio that connects them. A modern phone might report a high physical resolution but present a much smaller CSS viewport, because each CSS pixel covers several device pixels — that ratio is why images can look soft on high-density screens unless you serve them at higher resolution. Seeing all these numbers for your own device makes the relationship concrete and helps you reason about how layouts and images render across screens.