Discussion :

[alizee_gly]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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%;
}

[NoSmoking]

Bonjour,

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Invité]

Bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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