Modifier la taille d'une image en utilisant les medias queries

Bonjour,

Je suis actuellement en train de faire la version mobile de mon site web, et j'aimerais modifier la taille d'une image en utilisant les medias queries, mais je ne comprends pas ça ne marche pas. Alors que le media marche bien si je change la couleur d'un texte

Merci d'avance,


.logo{
width: 311px;
height: 185px;
margin: 0 auto;
}

@media only screen and (max-device-width:480px) {
.logo{
width: 20px;
}
}

Bonjour,
ce sujet a déjà été abordé ici :
https://forum.alsacreations.com/topic-27-83910-1-Resolu-Probleme-avec-max-device-width.html

le même sujet abordé ici aussi (en Anglais) :
https://stackoverflow.com/questions/18500836/should-i-use-max-device-width-or-max-width

Bonne continuation.

.logo {
    width: 100%;
    max-width: 311px; /* c'est ça la règle magique */
}

Modifié par Olivier C (05 Nov 2019 - 15:27)