Design et couleurs

Générer des requêtes média CSS

Générer des requêtes média CSS — Saisissez des données et vérifiez leur format ou contenu. Guide de saisie: Largeur minimum d’écran (px), Largeur maximum d’écran (px). Sans inscription.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Guide de saisie: Largeur minimum d’écran (px), Largeur maximum d’écran (px).
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copier le résultat / Enregistrer le résultat.

À savoir

Vérifiez d’abord le format de l’exemple. Gardez l’original et contrôlez valeurs, espaces et retours avant utilisation.

Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)

Exemple calculé d’entrée et de sortie

Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.

Entrée d’exemple

ChampValeur
Largeur minimum d’écran (px)
640
Largeur maximum d’écran (px)
1280

Résultat d’exemple

@media (min-width: 640px) and (max-width: 1280px) {
  .element {
    display: block;
  }
}

Outils associés

Tous les outils