How to Use a Screen Ruler on a Phone

1. Open the ruler and tap Start Measuring to hide the page information.
2. Swipe the top tool controls horizontally if the unit control is off-screen. Select cm or cm+px for centimeter and millimeter measurements.
3. Choose the orientation you will use, then open Calibrate. Match a verified reference with both ends visible and tap Done.
4. Check a second known length, such as a marked 10 mm segment on a physical ruler. If it does not match the 1 cm interval, repeat calibration before trusting physical measurements.
5. Use the ruler marks directly for a small object, or choose Guidelines and place two lines on the object’s edges. Read their gap; 3.7 cm means 37 mm.

Measure within this page. The ruler cannot overlay another browser tab or another app.

1. 1

   Choose an orientation and keep it

   Portrait is easier to hold. Landscape gives you more horizontal room. Pick one before calibration and do not rotate the phone halfway through the measurement.

2. 2

   Return the browser to its normal zoom

   Reload the page after resetting zoom if you are unsure. Do not pinch-zoom after calibration, because that changes how large the ruler appears without changing the object in your hand.

3. 3

   Make room for the measurement

   If you only need a horizontal distance, turn off the vertical ruler. This gives back the strip of workspace along the left side.

4. 4

   Calibrate on the same phone

   Use a physical reference that fits fully on the screen. Finish the measurement in the same browser, orientation, zoom, and display setup.

A reference is only useful when both ends are visible and you know its real length. If the on-screen outline is clipped by the edge of the phone, you cannot align it reliably.

Screenshots illustrate the controls. They are not actual-size references, and the pictured PPI value is not a recommended setting for your phone.

1. Open Calibration and choose a reference whose full outline fits inside the visible panel.
2. If the presets do not fit, choose Custom and enter a shorter length you have verified.
3. Place the physical reference gently against the display. Align one end first.
4. Adjust the scale until the other end matches. Look straight down at the screen to reduce parallax.
5. Save the calibration, then check a second known length before measuring anything else. A different length helps reveal a mistaken reference size.

A longer reference normally makes small alignment errors easier to notice, but only if the entire length fits. A fully visible 50 mm reference is more useful than a 210 mm outline that disappears beyond the screen.

Leave Snap on when you want a clean ruler-mark value. Turn it off when a real edge falls between marks. Touch input is less precise than a mouse, so keep the webpage scale unchanged and make the final adjustment slowly.

Orientation is not an accuracy setting by itself. The important part is to calibrate and measure without changing it.

• The phone rotated: the screen dimensions changed, so verify or repeat calibration.
• The page was pinch-zoomed: page content no longer has the same visible scale.
• A different browser was used: browser controls and viewport behavior may leave a different amount of visible space.
• The reference was clipped: matching only one end cannot establish the full length.
• The viewing angle changed: thick screen protectors and looking from the side make edge alignment less reliable.

The CSSOM View specification distinguishes page zoom from visual-viewport scaling such as pinch zoom. That is why keeping the same zoom state matters when you compare an on-screen scale with a physical object. See the official CSSOM View zoom definitions.

A calibrated phone ruler is reasonable for quick size checks: a label, craft piece, screw head, cable end, or small UI reference. It is not a certified measuring instrument. Use a physical ruler, caliper, or the required professional tool for manufacturing tolerances, medical decisions, safety checks, or anything expensive to cut or order.