Utilisation des medias queries pour version mobile d'un site web

Salut à tous !

j'ai un problème pour faire la version mobile de mon site web. Pour ça j'utilise les medias queries (ou plutôt j'essaye) mais j'ai un petit problème. Je n'arrive pas à "la connecter".

Pour l'instant je veux juste changer la couleur d'un titre mais lorsque je suis en mode mobile sur internet ça ne fonctionne pas.

Mais c'est surtout pour modifier la taille d'une image que je voudrais utiliser ça et lorsque je change pour mettre width : 20% à la place ça ne marche pas.

Help please !!

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

@media only screen and (max-device-width:480px) { .presentation__title{ color: #FF625A; } }   .presentation__title{ font-weight: bold; font-family: 'Montserrat'; color: #fff; text-align: center; margin: 0 auto; width: 78%; }

---

Bonjour,

Citation:

---

Mais c'est surtout pour modifier la taille d'une image que je voudrais utiliser ça ...

---

Il faudrait que tu nous montres ce que tu as fait car aucune raison que cela ne fonctionne pas.

Code:

---

1 2 3 4 5

@media only screen and (max-device-width:480px) { selecteur-de-ton-image { width: 20%; } }

---

Bonjour,

as-tu pensé à l'"activer" avec la balise <meta> "viewport" :

Code:

---

1 2	<!-- Mobile Viewport --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=4.0, user-scalable=yes">

---

• Utiliser la balise meta viewport pour contrôler la mise en page sur les navigateurs mobiles