CSS Unit Master

The developer's companion for responsive units.

Global Settings

Root Size

Viewport

Input Pixels

Tailwindp-4 / w-4

Points (PT)12.0pt

REM (Root EM)

rem

EM (Relative)

Percentage

Viewport Width

Live Visualizer

Width: 16px

Responsive Typography

Fluid Typography

Generate a clamp() function that scales text smoothly between a minimum and maximum size.

16px

24px

Min Size (px)

Max Size (px)

Start Width (px)

End Width (px)

Generated CSS

font-size: ;

Absolute unit. Good for borders and precise alignments, but bad for accessibility as it doesn't scale with user browser settings.

Relative to the root <html> font-size (usually 16px). This is the standard for modern responsive development.

Relative to the parent element's font-size. Useful for components where padding/margin should scale with the text inside.