Why is my viewport smaller than my screen resolution?

The viewport is only the web-page area; toolbars, tabs and the taskbar take space, so it's smaller than the full screen. On high-DPI screens it's also divided by the device pixel ratio.

What is device pixel ratio (DPR)?

DPR is how many physical pixels make up one CSS pixel. Standard displays are 1; Retina and phone screens are 2 or 3 for a crisper image.

Is this my monitor's native resolution?

It's the resolution your OS is currently set to, usually the native resolution but lower if you've changed display scaling.

Do you store or send my screen information?

No. Everything is read and shown locally in your browser; nothing is uploaded or saved.

← All Tools / Screen Resolution

What Is My Screen Resolution?

Your screen size, browser viewport and pixel details — detected live.

Screen resolution

—

pixels

Browser viewport

—

Available screen

—

Pixel ratio (DPR)

—

Aspect ratio

—

Color depth

—

Orientation

—

Resize your browser window to watch the viewport update in real time.

What is screen resolution?

Screen resolution is the number of pixels your display shows, written as width × height (for example 1920 × 1080). More pixels means a sharper, more detailed image. This tool reads your resolution directly from your browser, along with your viewport (the visible web page area, which is smaller than the screen because of toolbars), the device pixel ratio (how many physical pixels make up one CSS pixel on high-DPI "Retina" screens), color depth and orientation.

Screen resolution vs viewport

Your screen resolution is the full size of your monitor or phone display. Your viewport is only the part of the browser showing the web page — it excludes the address bar, tabs and any docked panels, and it changes when you resize the window or rotate a phone. Web designers care about the viewport because that's the space a website actually renders into.

Frequently asked questions

The viewport is only the web-page area of the browser. Toolbars, tabs, the address bar and the taskbar take up space, so the viewport is always a bit smaller than the full screen. On high-DPI screens the viewport is also divided by the device pixel ratio.

DPR is how many physical pixels make up one CSS pixel. A standard display has a DPR of 1; "Retina" and modern phone screens have 2 or 3, packing more physical pixels into the same space for a crisper image.

It's the resolution your operating system is currently set to, which is usually the native resolution but can be lower if you've changed your display scaling or settings.

No. Everything is read and displayed locally in your browser — nothing about your device is uploaded or saved.

Quick facts

✓ Screen & viewport size
✓ Device pixel ratio
✓ Aspect ratio & color depth
✓ Live on resize/rotate
✓ 100% private