Media query non prise en compte

HélèneRongeat

15 février 2024 à 9:57:31

Bonjour,

J'ai besoin de votre aide concernant ma media query qui n'est pas prise en compte.

Malgré plusieurs essaie, impossible de faire prendre en compte le média query.

Actuellement j'essaye de faire un site adaptés aux tablettes.

j'ai fait plusieurs recherches concernant ce problème et mon code semble correct.

Je déclare bien mon css via une balise meta dans mon html :

<head>
    <meta charset="UTF-8"/>
    <title>Le Chat</title>
    <link href="lechat.css" rel="stylesheet">
    <link rel="stylesheet" media="screen and (min-width: 600px) and (max-width: 768px)" href="resol_tablette.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        #link{color:#678b4b;}
    </style>

</head>

concernant le css je redéfinie le media query.

@media screen and (min-width: 600px) and (max-width: 768px){
    body{
        background-color: pink;
    }
}

J'ai beau vider le cache de ma tablette et actualiser, rien n'y fait mon fond d’écran image du css normal reste actif.

ChrisLebure

15 février 2024 à 10:16:21

Bonjour,

Pas certain d'avoir bien compris car on n'a pas le css d'origine, l'image de fond est-elle définie par :

background-image:url(bg.jpg);

ou quelque chose de ce genre ?

Changer la couleur de fond sans enlever l'image => on ne voit pas de changement, il faut supprimer l'image de fond pour voir la couleur de fond :

@media screen and (min-width: 600px) and (max-width: 768px){
    body{
        background-color: pink;
        background-image:none;
    }