live
Remeasured on every scroll frame, so a viewport that changes size shows up here as it happens. Highlighted where computed and rendered disagree.
| value | computed | rendered |
|---|
toPx()
One of every unit this browser resolves. A unit it rejects has no entry, so this doubles as a support map. Browsers quantise computed lengths, so scaling one of these up drifts from measuring that size directly — the line below the grid shows by how much.
toPx().percent
A percentage is not a unit, so there is one value per property rather than one value. Note which of these matches which.
the object toPx() returned
context
The probe goes wherever you point it, so the browser answers from there. The box below is a query container with its own font — units that depend on either move, and the rest do not.
| unit | body | box |
|---|