Skip to content

My Screen Size

See the display specifications your browser reports, including screen and available resolution, live viewport size, device pixel ratio, derived device pixels, orientation, color depth, pixel depth, and touch support. Detection runs locally with no permissions or external lookup, and the page clearly separates browser measurements from physical monitor specifications.

Screen resolution and viewport size are different

Screen resolution describes the width and height reported for the display that contains the center of the browser window. Viewport size describes the part of the browser currently available to the webpage. Browser tabs, toolbars, side panels, window borders, and a non-maximized window can make the viewport much smaller than the screen.

Responsive websites react mainly to the viewport, not the full screen. If you are testing a layout breakpoint, use the live browser viewport value. If you are checking the display space reported to the browser, use screen resolution.

What available screen area means

Available screen area is the space the operating system reports as available to normal windows after permanent or semi-permanent interface areas are excluded. On desktop systems, a taskbar or dock can reduce the available height or width.

A full-screen browser can still behave differently from a maximized window, and operating systems do not all report reserved areas identically. Treat available screen as planning information rather than a promise that every pixel can be occupied.

CSS pixels, DPR, and estimated device pixels

Web layouts use CSS pixels. A CSS pixel is a logical measurement and does not always map to one hardware pixel. Device pixel ratio, usually shortened to DPR, describes the ratio between device pixels and CSS pixels reported for the current display context.

This tool multiplies the browser-reported CSS screen dimensions by DPR to show an estimated device-pixel size. That calculation is useful for understanding high-density displays and image rendering, but browser zoom, operating-system scaling, and privacy behavior mean it is not proof of the panel's native hardware resolution.

Why browser values can differ from monitor specifications

A browser is designed to lay out webpages, not inventory monitor hardware. It can expose logical dimensions, color-depth values, orientation information, and touch capability, but it does not reliably reveal the panel manufacturer, model, physical diagonal, panel technology, or exact refresh rate.

On a multi-monitor system, the browser generally reports the screen containing the center of the current window. Moving a window between displays can therefore change screen dimensions or DPR. Browser privacy protections may also reduce or standardize information to limit device fingerprinting.

Color depth, pixel depth, and touch support

Color depth and pixel depth are browser-reported bit-depth values. Modern browsers commonly report 24 bits, but the value does not certify the panel's color gamut, HDR performance, calibration, or the number of colors visible under current hardware and operating-system settings.

Touch support is inferred from the maximum touch points and coarse-pointer information exposed by the browser. It can show that touch input is available, but it cannot prove that the current display panel itself is touch-sensitive because a device may have another touch input surface.

Private, permission-free detection

The page reads standard browser properties after it loads. It does not request camera, location, screen-capture, or window-management permission, and it does not contact an external lookup service.

The displayed report is built locally. Selecting the copy button places the visible text on your clipboard only when the browser permits clipboard access.

Examples

Troubleshoot a desktop layout

Input

A website looks cramped even though the monitor is large.

Show result

Result

Compare screen resolution with the live viewport. A narrow browser window or open side panel can explain why the webpage receives less width than the full display.

Check a responsive breakpoint

Input

A navigation layout changes near 768 CSS pixels.

Show result

Result

Resize the browser and watch the viewport width update. Use that value instead of full screen resolution when reproducing the breakpoint.

Plan a high-DPI screenshot

Input

The browser reports 1536 × 864 CSS pixels and a DPR of 1.25.

Show result

Result

The derived estimate is 1920 × 1080 device pixels. Confirm the exported image dimensions separately because capture tools can use different scaling rules.

Frequently Asked Questions

What is my actual screen resolution?

The primary result is the screen resolution reported by your browser in CSS pixels. The device-pixel result is a derived estimate based on that value and DPR, not guaranteed proof of the panel's native resolution.

Why is the viewport smaller than my screen?

The viewport is only the webpage's visible browser area. Toolbars, tabs, side panels, window borders, and a non-maximized window can all reduce it.

Does browser zoom change these numbers?

Page zoom can affect device pixel ratio and how CSS pixels map to device pixels. Viewport measurements can also change as the browser allocates layout space. Pinch zoom is handled differently from page zoom in many browsers.

What does Retina or HiDPI mean here?

High-density displays often report a DPR greater than 1, meaning the browser uses multiple device pixels to draw one CSS pixel. DPR alone does not identify a particular display brand or certify its native resolution.

Will the values update when I rotate my phone?

Yes, the tool listens for viewport and supported orientation changes. If a browser delays an update, use Refresh measurements.

Which monitor is reported on a multi-monitor setup?

Browsers generally report the screen containing the center of the browser window. Moving the window far enough onto another display can change the reported dimensions or DPR.

Can this detect my screen size in inches or centimetres?

No. Browsers do not expose a dependable physical diagonal measurement. Converting CSS pixels with a fixed pixels-per-inch assumption would create a misleading result.

Can this detect my refresh rate or monitor model?

No. Standard browser APIs do not reliably provide an exact refresh rate, monitor manufacturer, model, panel type, or hardware serial information.

Are my display specifications uploaded?

No. Detection and formatting happen locally in your browser, and this tool makes no external lookup request.

References

Related Tools