Why an Uncalibrated Screen Ruler Is Only an Estimate
Web pages are laid out using CSS units. The CSS specification defines relationships among absolute units such as inches, centimeters, millimeters, and CSS pixels, with 1 inch corresponding to 96 CSS pixels in the CSS unit system. That is a rendering reference; it is not a measurement of the physical panel in front of you.
Two displays with the same CSS viewport or resolution can have different physical dimensions. Browser code also has to account for zoom and display scaling. Therefore the on-screen distance should be treated as an estimate until it has been compared with a known physical reference.
A CSS unit relationship, not a guarantee of physical panel size.
Device and runtime information can help, but may not reveal exact physical dimensions.
A physical card or known-length ruler provides an external measurement check.
How Physical Reference Calibration Works
The strongest practical calibration method is to compare the displayed outline with a known object. ISO/IEC 7810 defines the nominal ID-1 identification-card size as 85.60 mm × 53.98 mm, making a compatible card a convenient reference.
Use a suitable known reference
Use a compatible ID-1 card or a physical ruler whose relevant length is known. Do not assume that every card-shaped object has the same dimensions.
Match the screen outline
Keep the reference aligned squarely with the display and adjust the calibration control until the known dimension matches the on-screen outline.
Apply one scale to the ruler
The measured reference length determines the CSS-pixel-to-millimeter scale used for the ruler and its guides.
Recheck the Scale When the Environment Changes
After changing browser zoom, switching displays, or changing a display-scaling setup.
The same resolution does not imply the same physical pixel pitch.
Compare a second known length when the measurement matters.
A second reference can expose alignment or setup errors that a single match may hide.
A browser ruler is a convenient measuring aid, not a substitute for a calibrated physical instrument when a dimension is safety-critical, regulated, or requires a documented tolerance. For ordinary sizing and layout checks, calibration against a known reference provides a much stronger basis than an uncalibrated estimate.
Technical references
The unit model used here follows the CSS Values and Units specification. The card reference follows ISO/IEC 7810. These sources describe the underlying standards; the actual physical scale still needs to be verified on the display in use.