Generador de CSS clamp()
Crea un valor clamp() fluido que escale tu tamaño de fuente suavemente entre dos anchos de viewport.
Resultado
Cómo usarlo
- Introduce tus valores en los campos de arriba.
- Pulsa "Calcular" para ver el resultado.
- Usa "Compartir" para enviar tu resultado.
Acerca de esta calculadora
Esta herramienta genera una función CSS clamp() responsiva para tipografía fluida — clamp(min, preferred, max) — donde el valor preferred es una expresión calculada en vw que escala el tamaño de fuente de forma fluida entre un ancho de viewport mínimo y máximo, de modo que deja de crecer o encogerse más allá de los límites elegidos.
Los desarrolladores front-end la usan para evitar escribir múltiples puntos de ruptura con media queries solo para redimensionar títulos y texto de cuerpo, obteniendo en su lugar una única regla CSS que escala de forma fluida. Introduce tus tamaños de fuente mínimo y máximo y el rango de viewport para obtener una regla clamp() lista para pegar.
Was this helpful?
Calculadoras populares
Calculadora de préstamo
Cuota mensual, interés total y tabla de amortización completa.
Calculadora de porcentajes
Cambio porcentual, porcentaje de y cálculos de proporción.
Calculadora de descuento
Calcula el precio final, el ahorro y el importe del descuento.
Calculadora de IMC
Índice de masa corporal a partir de altura y peso (métrico o imperial).
Calculadora de edad
Calcula tu edad exacta en años, meses y días a partir de la fecha de nacimiento.
Calculadora de interés compuesto
Calcula el monto final y el interés ganado con capitalización.
Todas las calculadoras
No se encontraron calculadoras
Comments (0)