Why “actual size” needs a check

A centimeter drawn by a web page is not automatically a centimeter on your desk. Browser pixels are layout units, and the same page can appear at different physical sizes on a phone, tablet or monitor. The W3C definition of CSS length units explains why screen units may not match their physical measurements.

The ruler uses the available browser size to choose its layout and shows the screen information your browser provides. Those values help fit the tool and flag some display changes. On compatible iPhones, published display specifications also provide a starting estimate. A physical comparison is still needed to verify actual size.

Calibrate with a credit or debit card

Bank card is the recommended starting option if you have an undamaged standard ID-1 card. Remove its sleeve and match its short edge: 53.98 mm. That is the distance between the two long sides, not the card’s 85.60 mm long edge. Align the straight edges; ignore the rounded corners.

These nominal ID-1 dimensions are documented in ICAO Doc 9303, Part 5, section 2.1, referring to ISO/IEC 7810. An unusually sized, bent or trimmed card is unsuitable. If you are unsure of its size, choose a physical ruler instead.

Only the card’s outside edges matter. No card details, camera access or photo upload are needed. You can turn the card over while comparing it.

Calibrate with a supported coin

Choose Coin and select the exact currency and denomination in your hand. Adjust the on-screen circle to match the coin’s full diameter through its center, from one outside edge to the other.

A coin is convenient on a small screen, but a small alignment error has a larger effect than with a longer reference. Use a card or physical ruler when available, and do not substitute another coin that merely looks similar.

Calibrate with a physical ruler

Choose Ruler, then 5 cm, 1 inch or 10 cm. Use the longest marked length that fits beside the calibration line without bending or moving the reference. Match the zero tick, which may be inset from the ruler’s physical end.

Match, save, then verify

  1. Open the online ruler on the display you will use. Set your intended browser zoom and orientation first.
  2. Choose Calibrate screen, then Bank card, Coin or Ruler. Select the exact coin or marked ruler length if needed. Hold the reference close beside the guide, level with the screen.
  3. Adjust the slider until the reference matches the guide. Use the minus and plus buttons for small changes. Match a card’s short dimension or the ruler’s chosen length to both end marks. Match a coin’s outside edge to the circle.
  4. Confirm the physical comparison and save. Then check the ruler’s ticks against the reference again. With a physical ruler, compare a second length as well.

If the reference does not fit, choose a shorter length or rotate the device. Avoid zooming to force a match: changing zoom changes the scale you are trying to calibrate.

How to measure an inch without a ruler

You can use the screen ruler if you have a standard bank card or a supported coin to set its scale. One inch is exactly 25.4 mm. The reference lets the tool translate that length into screen pixels.

  1. Open the online ruler. Choose Calibrate screen, then match a bank card’s short edge or your selected coin using the steps above. Confirm the physical match and save.
  2. Select in. Find the interval from 0 to 1 on the calibrated ruler. For a readout, place A at 0 and B at 1 inch; use Reset first if you need to return the start to zero.
  3. Compare your object with that interval, keeping its edges parallel to the ticks. Choose Freeze to hold the selected span while you read it. See how to read the smaller inch marks.

A US quarter is 24.26 mm across, so it is slightly shorter than one inch. Use the quarter calibration option instead of treating the coin itself as an exact inch. Finger widths also vary and only provide a rough estimate.

Without a known-size reference, the screen remains an uncalibrated preview. For other options, see how to measure without a ruler using everyday objects. Use a physical measuring tool when an accurate fit matters or the length does not fit on screen.

Calibrating an online ruler on iPhone

Compatible iPhone screens start with an estimate based on Apple's published display resolution and pixel density, such as the iPhone 15 Pro display specifications. The website does not reliably know your exact model: several iPhones share the screen dimensions a browser reports, and Display Zoom can change them.

Open Calibrate screen → Start with your iPhone model to choose your model when needed. A compatible selection adjusts the reference guide. You can use the estimate without a reference, but it remains labeled Device estimate · check scale. Unsupported combinations use the physical-reference steps instead.

For verified spacing, match the card, coin or ruler guide and save your physical comparison. That saved calibration takes priority over the model estimate. Recheck after changing Display Zoom or browser zoom; if the card guide cannot fit, choose a coin or the 1-inch ruler reference.

When to check the scale again

Recheck after browser zoom, pinch zoom, display scaling, moving the window to another monitor, or switching to another screen on a folding device. This ruler flags changes exposed by the browser, but cannot detect every display change.

A normal window resize changes how much ruler fits on screen, while preserving the calibrated tick spacing. Full screen fills the available area with the ruler and a floating readout. Open Controls for units, calibration and other tools, then close it to measure. Supported browsers use the display; others, including some iPhone browsers, retain browser bars. A saved calibration applies only while the same physical scale still holds.

If an endpoint is outside a smaller window, the selected measurement is preserved. Expand the window to see it, or deliberately choose Fit endpoints to screen to start a visible span. When frozen, return to Live before moving endpoints.

What limits the measurement?

Reference quality, alignment, display pixels and the angle you look from all affect the result. Keep your eye directly over each edge and avoid pressing hard objects against the glass. Decimal readouts describe the selected positions; extra digits do not prove that physical accuracy.

Use a physical ruler or tape for anything longer than the visible scale, and suitable measuring equipment when a precise fit matters. Once the screen is calibrated, learn how to read centimeters and inch fractions.