L'habillage : CSS
17 · Responsive
Énoncé
Une media query applique des styles seulement si certaines conditions sont remplies, par exemple la largeur de l'écran.
La feuille de style /assets/css/enigmes.css contient une media query basée sur min-width.
Ta réponse
À partir de quelle largeur d'écran cette media query s'applique-t-elle ? (indique la valeur avec son unité)
Énigme déjà réussie ! Relis l'explication ci-dessous, ou refais-la.
Indices
Indice 1
Cherche le mot media dans le fichier CSS.
Indice 2
min-width signifie « largeur minimale ».
Indice 3
La valeur est un nombre rond, en pixels.
Explication
La media query @media (min-width: 700px) s'applique dès que la fenêtre mesure au moins 700 pixels de large. C'est ainsi qu'une page s'adapte aux téléphones, tablettes et ordinateurs.
Le responsive design consiste à prévoir des styles différents selon la taille de l'écran.