Troubleshooting

Why Is My Online Ruler Inaccurate?

Most online-ruler errors are not caused by the tick marks themselves. They happen because the browser is drawing CSS pixels at a different physical size than the ruler expects. Reset zoom, confirm the display, and recalibrate in that order.

Published and reviewed September 6, 2026

The short answer

First set browser zoom to 100%. If the result is still wrong, recalibrate on the same screen and orientation you will use for measuring. Do this again after changing monitors, display scaling, resolution, or orientation.

Fix it in this order

1
Reset browser zoom to 100%
On most desktop browsers, use Ctrl+0 on Windows or Linux, or Command+0 on macOS. Then reload the page. A calibration made at one zoom level should not be reused at another.
2
Use the screen you calibrated
If you moved the browser to another monitor, moved from laptop screen to an external display, or changed display scaling or resolution, calibrate again on the current screen.
3
Check the reference object
Use the actual edge the calibration asks for. Remove thick sleeves, keep the object flat against the display, and avoid estimating from a rounded corner.
4
Run calibration again
Choose a card, A4 sheet, US Letter sheet, or a known custom length. Adjust the on-screen outline until the requested edge matches the real object.
5
Verify with a second known length
Do not only re-measure the object used for calibration. Check a second object or a marked length. That catches a bad reference or an alignment mistake.

Match the symptom to the likely cause

What you see	Likely cause	What to do
Everything is too large or too small by a similar amount	Wrong effective PPI or browser zoom	Reset zoom, then recalibrate
It worked yesterday but not after connecting a monitor	Calibration belongs to the previous display	Move the page to the target screen and recalibrate there
It changed after rotating a phone or tablet	The display environment changed	Keep the new orientation and recalibrate
Pixels look right, but cm or inches do not	Physical scale is not calibrated	Use px for layout work, or calibrate for physical units
Only the reference object seems not to fit	Wrong edge, case, sleeve, or rounded corner	Use a clean straight edge and confirm its stated size

Why 96 PPI does not guarantee a real inch

Before calibration, this ruler starts with 96 CSS pixels per inch. That is a sensible web default, but it is not a reading of your panel’s hardware. On screens, CSS units are normally tied to a reference pixel, so a CSS inch is not required to occupy one physical inch on the glass.

Calibration finds a more useful value for this job: how many CSS pixels on your current browser and display setup fill one real inch. That is why changing zoom or displays can invalidate the result even when the monitor’s advertised hardware PPI has not changed.

Technical reference: the W3C CSS Values specification explains both the fixed CSS ratio of 96 px per CSS inch and why physical units may not match physical measurements on screens. See CSS absolute lengths.

Choose a reference that is easy to align

A card

Convenient on small screens. Use the straight long edge requested by the tool and remove any sleeve.

A4 or US Letter paper

A longer edge makes small alignment errors easier to notice, but the sheet must fit on the display without bending.

A known custom length

Useful when you have a reliable ruler or gauge nearby. Enter the length you can actually line up cleanly, not a guessed object size.

For the exact calibration flow, use the screen-ruler calibration guide.

How to tell whether the result is good enough

Good fit

Two known lengths match closely enough for your everyday check, and the result stays stable without changing zoom or display.

Use a physical tool instead

The job involves manufacturing tolerance, legal evidence, health, safety, or another decision where a small error matters.

What the site remembers—and what it cannot know

The site stores your chosen scale and calibration details in local browser storage. It also compares a simple display signature—device pixel ratio and screen dimensions—to the values saved at calibration time. If those values change, the calibration can be marked stale.

That check is helpful, but it cannot detect every physical change. A browser may move to a different monitor with similar reported values, or a system may expose rounded screen information. When the result matters, verify it instead of relying only on the status label.