Vous utilisez un navigateur obsolète, veuillez le mettre à jour.
Veuillez utiliser un navigateur internet moderne avec JavaScript activé pour naviguer sur OpenClassrooms.com
Une question ? Pas de panique, on va vous aider !
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.
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; }
Vous pouvez rédiger votre message en Markdown ou en HTML uniquement.