ConverterHub

Generador de CSS clamp()

Crea un valor clamp() fluid que escali la mida de la font suaument entre dues amplades de finestra gràfica.

Com fer-ho servir

  1. Introdueix els teus valors als camps de dalt.
  2. Prem «Calcular» per veure el resultat a l'instant.
  3. Fes servir el botó «Comparteix» per copiar un enllaç al teu resultat.

Sobre aquesta calculadora

Aquesta eina genera una funció CSS clamp() responsiva per a tipografia fluida — clamp(mínim, preferit, màxim) — on el valor preferit és una expressió calculada basada en vw que escala la teva mida de font de manera suau entre una finestra gràfica mínima i màxima, de manera que deixa de créixer o reduir-se més enllà dels límits que has triat.

Els desenvolupadors de front-end l'utilitzen per evitar haver d'escriure múltiples punts de ruptura amb media queries només per redimensionar títols i text de cos, i obtenen així una única regla CSS que s'escala de manera fluida. Introdueix les teves mides de font mínima i màxima i el rang de finestra gràfica per obtenir una regla clamp() a punt per enganxar.

Was this helpful?

Podeu triar fins a 3 reaccions.

Comments (0)

  • Be the first to comment.

Calculadores populars

Calculadora de préstecs

Quota mensual, interès total i taula d'amortització completa.

Calculadora de percentatges

Càlculs de canvi percentual, percentatge de i proporcions.

Calculadora de descomptes

Calcula el preu final, l'estalvi i l'import del descompte.

Calculadora d'IMC

Índex de massa corporal a partir de l'alçada i el pes (mètric o imperial).

Calculadora d'edat

Calcula la teva edat exacta en anys, mesos i dies a partir d'una data de naixement.

Calculadora d'interès compost

Calcula l'import final i l'interès generat amb capitalització.

Totes les calculadores