Générateur CSS clamp

Utiliser Générateur CSS clamp

Générateur CSS clamp. Export en rem et vw. Indiquez la taille racine de votre page. L’aperçu simule la largeur choisie.

1. Modifiez les couleurs, le texte ou les valeurs ci-dessus.
2. Comparez l’aperçu en ajustant les réglages.
3. Copiez le résultat ou téléchargez-le sur votre appareil.

Générateur CSS clamp · Exemple

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Notes d’utilisation

Vos fichiers et saisies sont traités dans ce navigateur. Aucun envoi ni compte.

Export en rem et vw. Indiquez la taille racine de votre page. L’aperçu simule la largeur choisie.