Seuils actifs pour une largeur donnée

Développeurs front-end et designers peuvent saisir une largeur lorsqu’ils veulent savoir quels seuils de leur mise en page sont concernés.

Testez une largeur donnée pour voir quels seuils de mise en page y répondent, puis identifiez les points de rupture réellement concernés.

Mode d’emploi

Saisissez la largeur en pixels à tester dans le premier champ.
Ajoutez une ou plusieurs valeurs de seuil, une par ligne, dans le second champ.
Lancez le test pour voir quels seuils correspondent à la largeur indiquée.
Lisez le résultat, puis effacez les champs pour tester une autre largeur.
Comparez plusieurs largeurs si vous devez vérifier plusieurs tailles d’écran.

Exemple

Avec l’exemple fourni, l’outil compare la largeur saisie aux seuils listés et indique lesquels sont actifs. Le résultat aide à comprendre quels points de rupture s’appliquent pour cette largeur d’écran.

Entrée

Résultat

min-width: 768px  ACTIF
max-width: 768px  inactif
min-width: 992px  ACTIF
max-width: 992px  inactif
min-width: 1200px  ACTIF
max-width: 1200px  ACTIF

Largeur testee : 1200 px

Limites et formats

L’outil compare des nombres ; il ne mesure pas un vrai appareil ni ne simule un navigateur.
Chaque seuil doit être saisi sur une ligne distincte et rester une valeur numérique.
Un seuil mal orthographié ou une ligne vide peut fausser l’interprétation.
Le résultat dépend uniquement des valeurs fournies, pas de votre feuille de style réelle.
L’outil ne dessine pas la page et ne remplace pas un test sur appareil.

Où le traitement a lieu

La comparaison est exécutée dans votre navigateur. La largeur et les seuils saisis ne sont transmis à aucun service, et rien n’est conservé après la fermeture de la page.

Questions fréquentes

Que signifie un seuil actif pour une largeur ?

Un seuil est actif lorsqu’il correspond à la largeur testée selon la logique de comparaison de l’outil. Le résultat vous aide à repérer les points de rupture concernés pour cette taille d’écran.

Puis-je tester plusieurs largeurs en même temps ?

Non, l’outil traite une largeur à la fois. Relancez le test après avoir effacé le champ pour vérifier une autre taille.

Les seuils doivent-ils être classés dans un ordre précis ?

Vous pouvez les saisir dans l’ordre que vous voulez, à condition de mettre une valeur par ligne. L’outil les compare à la largeur indiquée et affiche ceux qui correspondent.