📐

Gratis CSS abrazadera() Generador

Genere un valor de abrazadera CSS fluido () para tipografía y espaciado receptivos. Establezca el tamaño mínimo/máximo y el rango de la ventana gráfica, vea una vista previa en vivo y copie el unifilar CSS.

Se ejecuta en tu navegadorSin registro, sin ventanas emergentesSin necesidad de registroGratis para siempre
Output unit:
CSS value
font-size: clamp(1rem, 1.5023vw + 0.6479rem, 2rem);

Rendered size at different viewports

375px wideAa 16px
908px wideAa 24px
1440px wideAa 32px

💡 clamp(min, preferred, max) scales a value fluidly with the viewport, then locks at the min and max. It replaces stacks of media queries for typography, spacing, and widths with a single line.

Optimize for your platform

Cómo funciona

1
Introducir
Introduce tu texto o datos.
2
Procesar
Procesado al instante en tu navegador. Sin servidor, sin esperar.
3
Descargar
Guarda tu resultado. Nada se almacena.

¿Por qué usar el nuestro?

Completely free — no hidden costs, ever
No account, email, or login required
Runs entirely in your browser — no uploads
Works on any device — phone, tablet, desktop
Open and ad-supported, with no tracking
Loads fast, with no installation needed

Herramientas relacionadas

¿Te fue útil esta herramienta?

Preguntas frecuentes