EVIDENCE FOR YOUR NEXT WEB DECISION

CSS Unit Resolution Explorer

Compare rem, em, viewport and container units under controlled contexts.

Worked exampleBrowser processingUseful downloads

A clear result starts here

Add your input or try the worked example.

Using CSS Unit Resolution Explorer

Compare rem, em, viewport and container units under controlled contexts.

Use Try example to explore css unit resolution explorer, or enter your own css lengths, one per line.
Set root font (px), element font (px), viewport width (px). Read the field notes for supported values.
Choose Review input and inspect the result, including any review flags or unsupported cases.
Use the relevant download buttons to keep your result. CSV and report JSON preserve the available findings; original files are not changed.

Example

CSS lengths, one per line: 1rem
1.5em
50vw
10vh
20cqw
Root font (px): 16
Element font (px): 20
Viewport width (px): 1440
Viewport height (px): 900
Container width (px): 600

Questions & answers

What does CSS Unit Resolution Explorer do?

Compare rem, em, viewport and container units under controlled contexts.

What input does this tool support?

CSS lengths, one per line. Root font (px). Element font (px). Viewport width (px). Viewport height (px). Container width (px)

What should I check before using the result?

Evaluates explicit simple px/rem/em/vw/vh/cqw lengths. Container size and viewport dimensions are your inputs; calc(), percentages and dynamic mobile viewport behavior are outside this model.

Can I keep or share the result?

Yes. Use the result-specific downloads, CSV where available and report JSON. Downloads can contain your supplied information, so review the content before sharing. Processing runs in this browser; public pages also include the site’s approved advertising and optional analytics.