ConverterHub

Xerador de CSS clamp()

Constrúe un valor fluído clamp() que escale o tamaño da túa fonte suavemente entre dous anchos de viewport.

Como usalo

  1. Introduce os teus valores nos campos de arriba.
  2. Preme «Calcular» para ver o resultado ao instante.
  3. Usa o botón «Compartir» para copiar unha ligazón ao teu resultado.

Sobre esta calculadora

Esta ferramenta xera unha función CSS clamp() responsiva para tipografía fluída —clamp(mínimo, preferido, máximo)— onde o valor preferido é unha expresión calculada baseada en vw que escala o tamaño da túa letra de forma suave entre unha anchura de xanela mínima e máxima, de xeito que deixa de crecer ou diminuír máis alá dos límites que escolliches.

Os desenvolvedores de front-end empréganoa para evitar escribir múltiples puntos de corte de media query só para redimensionar títulos e texto, obtendo en vez diso unha única regra CSS que escala de forma fluída. Introduce os teus tamaños de letra mínimo e máximo e o rango de xanela para obter unha regra clamp() lista para pegar.

Was this helpful?

Podes escoller ata 3 reaccións.

Comments (0)

  • Be the first to comment.

Calculadoras populares

Calculadora de préstamos

Cota mensual, xuro total e táboa de amortización completa.

Calculadora de porcentaxes

Cambio porcentual, porcentaxe de e cálculos de proporción.

Calculadora de descontos

Calcula o prezo final, o aforro e o importe do desconto.

Calculadora de IMC

Índice de masa corporal a partir da altura e o peso (métrico ou imperial).

Calculadora de idade

Calcula a túa idade exacta en anos, meses e días a partir dunha data de nacemento.

Calculadora de xuro composto

Calcula o importe final e o xuro xerado con capitalización.

Todas as calculadoras