thème par défaut responsive

JoséJosé Member

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

Réponses

  • 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éJosé Member

    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éJosé Member

    @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) {
        ...
    }
    
  • 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 :

  • JoséJosé Member

    Merci

Connectez-vous ou Inscrivez-vous pour répondre.