par
two3d » 16 mars 2021, 13:02
Salut, dans le head tu doit déclarer la meta "viewport" :
<meta name="viewport" content="width=device-width, initial-scale=1">
Des tutos sympa en Français existent:
https://developer.mozilla.org/fr/docs/W ... ia_queries
En gros, pour définir des règles sur les écrans qui font une taille inférieur à 640px (exemple), on définira dans le fichier .css:
@media (max-width:640px){
.maClassePourPetitsEcrans{ /* du style */ }
}
Salut, dans le head tu doit déclarer la meta "viewport" :
[css]<meta name="viewport" content="width=device-width, initial-scale=1">[/css]
Des tutos sympa en Français existent: https://developer.mozilla.org/fr/docs/Web/CSS/Media_Queries/Using_media_queries
En gros, pour définir des règles sur les écrans qui font une taille inférieur à 640px (exemple), on définira dans le fichier .css:
[css]@media (max-width:640px){
.maClassePourPetitsEcrans{ /* du style */ }
}[/css]