Generador CSS clamp() para tipografía fluida
Genera un valor CSS clamp() fluido (tipografía responsive) entre dos tamaños de viewport.
Fluid preview
🔒 100 % en el cliente — no se envía ningún dato
Genera un valor CSS clamp() fluido a partir de un tamaño mínimo, un tamaño máximo y el rango de viewport deseado. Perfecto para una tipografía responsive sin acumular media queries. El cálculo se ejecuta en tu navegador, al instante y de forma local.
What is it for?
- ▸ Crear un tamaño de fuente fluido entre móvil y escritorio
- ▸ Generar espaciados responsive sin media queries
- ▸ Escalar títulos que se adaptan al ancho de la pantalla
- ▸ Obtener un valor clamp() listo para copiar
FAQ
¿Cómo funciona la función clamp()?
clamp() toma un valor mínimo, uno preferido y uno máximo, y mantiene el resultado dentro de ese rango.
¿Qué unidades debo usar?
px o rem para los límites; la parte fluida combina vw y rem.
¿clamp() es compatible en todas partes?
Sí, clamp() es compatible con todos los navegadores modernos.