Générateur de Media Queries CSS
Créez des CSS Media Queries visuellement. Choisissez des préréglages pour mobile, tablette, bureau, impression et accessibilité. Copiez le code CSS. Gratuit, 100% dans votre navigateur.
Référence
Que sont les Media Queries ?
Les CSS Media Queries permettent d'appliquer des styles conditionnellement selon les caractéristiques de l'appareil comme la largeur de l'écran, le schéma de couleurs ou les préférences utilisateur. Elles sont le fondement du design web responsive.
Propriétés courantes
width / height — dimensions du viewport avec préfixes min-/max-. prefers-color-scheme — détecte le mode clair ou sombre. prefers-reduced-motion — respecte les paramètres d'accessibilité. print — styles spécifiques à l'impression.
Confidentialité
Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.