How DPI Scaling Affects Screen Coordinates

DPI scaling changes how large interface elements appear relative to the physical screen. When scaling is enabled, the coordinate values used by apps, browsers, screenshots, and operating systems may no longer map one-to-one with the physical pixel grid.

This is one of the most common reasons that two people report different coordinate values for what looks like the same point on screen.

Why Coordinates Can Drift

• The operating system may enlarge interface elements for readability.
• The browser may report logical positions while the display renders more pixels underneath.
• Different apps may interpret the same screen area using different scaling assumptions.

How to Troubleshoot

1. Check the operating system scaling percentage.
2. Compare native mode and display mode readings.
3. Use a screenshot to verify the visual target without UI movement.
4. Record the scaling setting in your bug report or design note.

FAQ

Should I always use native mode?

No. Native mode is better for hardware-level or physical-pixel measurements, while display mode is often better for browser and layout work.

What should I include when sharing coordinate values?

Include the device type, browser, scaling percentage, and whether the values came from native or display mode.

Open the tool | CSS Pixels vs Physical Pixels | Windows workflow