Question 1

Qu'est-ce que la fonction clamp() ?

Accepted Answer

clamp(MIN, PREFERRED, MAX) est une fonction CSS qui restreint une valeur entre un minimum et un maximum. Elle est couramment utilisée pour les tailles de police responsives : la taille se redimensionne fluidement entre MIN et MAX en fonction de la valeur PREFERRED.

Question 2

Quelles unités dois-je utiliser ?

Accepted Answer

Pour le minimum et le maximum, utilisez des unités fixes comme 'px'. Pour la valeur préférée, utilisez des unités relatives comme 'vw' (largeur de la fenêtre d'affichage), 'vh' (hauteur de la fenêtre d'affichage), ou '%' pour rendre la taille responsive. Cela crée l'effet de redimensionnement fluide.

Question 3

Comment fonctionne clamp() ?

Accepted Answer

clamp() compare trois valeurs et retourne celle du milieu. Si PREFERRED est entre MIN et MAX, elle retourne PREFERRED. Si elle est plus petite que MIN, elle retourne MIN. Si elle est plus grande que MAX, elle retourne MAX. Cela crée un redimensionnement fluide et responsive.

Question 4

Quelle est une bonne valeur préférée pour les polices ?

Accepted Answer

Une formule courante est : préférée = (min + max) / 2 + pourcentage de fenêtre d'affichage. Par exemple, pour un en-tête : clamp(24px, 4vw, 48px). Cela se redimensionne de 24px sur les petits écrans à 48px sur les grands écrans.

Question 5

Tous les navigateurs supportent-ils clamp() ?

Accepted Answer

Oui, clamp() est supporté par tous les navigateurs modernes (Chrome, Firefox, Safari, Edge). C'est sûr à utiliser en production pour la plupart des projets. Pour les très anciens navigateurs, vous pouvez fournir des valeurs de secours en utilisant des propriétés personnalisées CSS.

Générateur de Clamp CSS

Aperçu de la Taille de Police

Paramètres Clamp

Comprendre CSS Clamp()

Caractéristiques de l'Outil

Pourquoi Utiliser le Générateur de Clamp

Cas d'Usage Courants

Outils associes

Générateur de Rayon de Bordure - Créez des Coins Arrondis CSS

Générateur d'Ombre de Boîte - Créez des Ombres CSS de Boîte