thème par défaut responsive

José

Bonjour,
avec quelques adaptations , je suis plutôt satisfait de mon thème. ( merci au forum ).
j'ai adapté et renseigné les deux rubriques

@media (max-width:

Pour mieux comprendre, je m'interroge sur l'utilité des lignes

@media (min-width:

merci de vos éclairages

bazooka07

media screen and (max-width: 36rem) {
    body {
            background-color: red; /* rouge est une belle couleur */
       }
}

Le fond de la page sera rouge pour tous les écrans de largeur inférieure à 36rem (soit 360 pixels en principe).
Cela n'aura aucun effet si on fait une impression sur papier (screen vs printer)
Si on passe sur écran de PC, il n'y aura aucun effet (largeur 1024, 1360 ou 1920 pixels selon l'appareil)

José

D'accord. Selon moi , ou bien on choisit de travailler avec les

@media (max-width:

ou les

@media (min-width:

mais pas les deux à la fois ?

José

@bazooka07
j'utilise ton application https://kazimentou.fr/divers/responsive.php. merci
1° dans le css , faut-il préciser les largeurs en rem ou en pixel ? quel est le mieux?
2° est ce que le code suivant serait correct

media (min-width: 40rem) and (max-width: 80rem) {
    ...
}
media  (max-width: 40rem) {
    ...
}

bazooka07

Il vaut mieux travailler en rem. Comme cela les diverses résolutions d'écran qui sont dans la nature seront mieux gérées.
Il manque @ pour préciser qu'on utilise une directive et de prendre uniquement en compte le media screen.

Lire les docs :

• https://www.alsacreations.com/article/lire/930-css3-media-queries.html
• https://developer.mozilla.org/fr/docs/Web/CSS/@media ( Plus que recommandé, voire obligatoire )

José

Merci