DevTools Logo

Screen & Physical Ruler

Screen & Physical Ruler

Use a CSS pixel ruler and calibrate against a known physical reference.

Calibrate with a credit card

Place a standard 85.60 mm credit card against the guide, then adjust its width until both edges match.

85.60 mm

Estimated CSS scale — calibration required for physical measurements

About this tool

Use a CSS pixel ruler and calibrate it against a known physical reference. Free, private and browser-based. Screen & Physical Ruler runs in the browser on DevTools. There is no signup, and your input stays on this device unless the tool explicitly performs a live network lookup.

What this tool does not do

  • Screen & Physical Ruler is a free in-browser utility, not a hosted API. It does not keep server-side history and is not a substitute for production verification in your own stack.

How do I use this tool?

  1. How do I use Screen & Physical Ruler?

    Open Screen & Physical Ruler, enter or paste your input, and copy the result. The page works without an account.