Saltar al contenido

Generador CSS clamp

Genera un clamp CSS fluido entre dos tamaños y anchos de ventana.

Las entradas son píxeles. El tamaño mínimo no puede superar al máximo; los anchos deben aumentar. Usa un término vw lineal.

Límite: 100 000 unidades UTF-16 por entrada y 1 000 000 por resultado. Consulta los formatos y ejemplos siguientes.

Resultado

Introduce datos o carga un ejemplo y ejecuta la herramienta. El resultado aparecerá aquí.

Cómo usarla

  1. Genera un clamp CSS fluido entre dos tamaños y anchos de ventana.
  2. Elige el modo o las opciones y ejecuta la herramienta.
  3. Revisa el resultado, cópialo o descarga el archivo TXT.

Ejemplo

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Detalles y limitaciones

El texto permanece en el navegador; no se envía a un servidor de conversión.

Referencias de formatos

Página de la herramienta actualizada: