Display Aspect Ratio Test

Introduction

The DeviceHub Display Aspect Ratio Test is a free online viewport aspect checker that compares your current browser layout size against common display formats such as 16:9, 16:10, 4:3, and ultrawide classes, without installing EDID readers. Ultrawide shoppers confirming a window truly fills 21:9, developers debugging letterboxed web players, presenters wrestling with projectors that crop slides, and multi-monitor users figuring out which screen a tab landed on use a clear ratio readout plus guide frames. Open the page on the target display, maximize or fullscreen, and read the measured width÷height relationship. DeviceHub reports what the web layout viewport exposes, which can differ from marketing panel labels because of browser chrome, taskbars, OS scaling, and windowing. Pair with Device Info for pixel dimensions and DPR, and with Color or Uniformity Tests when the real issue is image quality rather than shape. Letterboxed players, cropped slides, and ultrawide shopping confusion often come down to a simple mismatch between the panel’s marketing aspect and the browser viewport currently layout-measuring your tab. DeviceHub’s Display Aspect Ratio Test compares your current browser layout size against common display formats such as 16:9, 16:10, 4:3, and ultrawide classes, without installing EDID readers or vendor control panels. Ultrawide shoppers confirming a window truly fills a 21:9 class, developers debugging letterboxed web players, presenters wrestling with projectors that crop slides, and multi-monitor users figuring out which screen a tab landed on use a clear ratio readout plus optional guide frames. DeviceHub reports what the web layout viewport exposes, which can differ from marketing panel labels because of browser chrome, taskbars, OS scaling, and windowing, fullscreen or maximized modes reduce that gap. Pair with Device Info for pixel dimensions and DPR, Refresh Rate Test for Hz estimates (rAF-based, not a hardware analyzer), and Color or Uniformity Tests when the real issue is image quality rather than shape. Permissions remain none; mobile orientation changes are expected and require a remeasure after the browser chrome settles. Ultrawide productivity setups with stacked taskbars and side docks often report “weird” ratios until the browser is truly maximized on the glass, DeviceHub’s live math makes that mistake obvious. Projector operators can confirm a laptop is not stuck in a portrait or odd cropped mode before guests arrive. Developers embedding players should compare the top-level viewport ratio here against their player’s letterbox math instead of guessing from CSS alone. Always pair ambiguous cases with Device Info so CSS pixels and DPR sit beside the aspect fraction on the same ticket.

What this tool does

Live measurements show current aspect, nearest common format labels, and optional overlays illustrating how 16:9 content sits in wider viewports. Resize listeners update numbers. The tool does not rewrite GPU scaling or force exclusive fullscreen apps. It does not upload your screen size fingerprint for ads. Mobile browser UI show/hide on scroll can change viewport height, wait for UI to settle. Live measurements show current aspect, nearest common format labels, and optional overlays illustrating how 16:9 content sits inside wider viewports. Resize listeners update numbers as you drag windows or rotate phones. The tool does not rewrite GPU scaling, does not force exclusive fullscreen games, and does not upload your screen size as an advertising fingerprint. Mobile browser UI show/hide on scroll can change viewport height, wait for chrome to settle before trusting a number. Embedded iframes report the iframe aspect, not the monitor, open the top-level page for hardware-oriented checks. Nearest-format labels are helpers, not declarations that your panel’s EDID was read, marketing 32:9 glass can still show a smaller CSS ratio while windowed.

When to use it

Use Aspect Ratio Test when videos letterbox unexpectedly, when buying ultrawides, when a projector “zooms” wrong, and when responsive layouts break on unusual devices. Prefer Device Info for raw CSS pixels. Prefer Refresh Rate for Hz estimates (rAF-based). Prefer pixel and color tools for defect hunting. Use Aspect Ratio Test when videos letterbox unexpectedly, when buying ultrawides, when a projector “zooms” wrong, and when responsive layouts break on unusual devices. Prefer Device Info for raw CSS pixels; prefer Refresh Rate for cadence estimates; prefer pixel and color tools for defect hunting unrelated to shape. Classroom AV techs can confirm a laptop is feeding a projector the intended landscape ratio before a lecture. After changing OS display scaling, remeasure, CSS pixels shift even when the physical panel does not.

How it works

JavaScript reads layout viewport width and height (and related visual viewport hints where useful) to compute a ratio. This is not always identical to the panel’s native physical aspect if the window is not filling the screen. DPR affects CSS pixels versus hardware pixels, Device Info clarifies that split. No permission prompts. Remote desktop resolutions are whatever the session negotiated. JavaScript reads layout viewport width and height (and related visual viewport hints where useful) to compute a ratio; that is not always identical to the panel’s native physical aspect if the window does not fill the screen. DPR affects CSS pixels versus hardware pixels, Device Info clarifies that split beside this ratio page. No permission prompts appear. Remote desktop resolutions are whatever the session negotiated, which may not match the office monitor’s marketing label. TV overscan is outside what CSS can see; if a TV crops edges, this page cannot measure overscan percentages. Floating sidebars and docked DevTools change ratios, close them for a cleaner hardware-oriented reading.

Step-by-step instructions

1. Move the browser to the display under test, maximize or enter fullscreen, and open Display Aspect Ratio Test.
2. Read the live aspect ratio and the nearest common format labels the page suggests.
3. Resize or rotate if relevant, allowing mobile browser chrome to settle before trusting phone numbers.
4. Open Device Info to capture viewport pixels and DPR alongside the ratio for tickets.
5. If image quality, not shape, is the complaint, continue to Color, Uniformity, or Dead Pixel Tests.
6. Close when finished; no privilege revoke is required.

Common problems

Floating sidebars and docked DevTools change ratios. Windows display scaling alters CSS pixels. Claiming a panel is “not 32:9” because a windowed browser reads differently wastes time, fullscreen first. Embedded iframes show the iframe aspect, not the monitor. TV overscan is outside what CSS can see. Claiming a panel is “not 32:9” because a windowed browser reads differently wastes time, fullscreen first. Windows display scaling alters CSS pixels relative to physical pixels without changing the glass. Phone rotation flips width and height; wait for UI chrome to settle after rotating. Guide overlays showing common frames inside your viewport can look like letterboxing even when the measurement is correct, read the numeric ratio, not only the art. Mirrored mixed displays sometimes report the virtual desktop arrangement rather than a single panel, move the window to the target screen.

Privacy explanation

Viewport math stays local. DeviceHub does not need to upload dimensions to show you a ratio. No camera permission is used. Closing the tab ends listeners. Shared machines can run the check freely. Viewport math stays local; DeviceHub does not need to upload dimensions to show you a ratio. No camera permission is used. Closing the tab ends listeners. Shared machines can run the check freely because permissions remain none and nothing privileged was granted. Ultrawide shoppers should fullscreen on the candidate display before declaring a mismatch with the marketing aspect label, windowed browsers almost always read narrower than the panel. Developers debugging letterboxed players can capture the DeviceHub ratio beside Device Info viewport pixels in the same ticket to separate CSS layout from media element sizing. Projectors that crop slides often need OS resolution and TV overscan checks outside the browser; this tool still confirms what the web layout viewport believes in the moment.