1476 sujets

Web Mobile et responsive web design

Bonjour, j'ai un soucis de code, mon site fonctionne sur pc et mobile mais la média query n'est pas reconnu lorsque que je redimensionne la fenetre du navigateur sur mon pc. En gros il y a une version pc et une version mobile ! Mais si la fenetre du pc est de la meme dimension qu'un mobile, rien ne se passe !

Me comprenez-vous ?

Voici mon code

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">



@media only screen and (min-device-width : 320px) and (max-device-width : 480px){}
Administrateur
Bonsoir,

Le critère "device-width" correspond à la taille de l'écran et non de la fenêtre. L'écran de ton ordinateur fait toujours plus de 480px et n'est donc pas concerné par ce critère.

Si tu veux cibler la taille de fenêtre, il faut choisir le critère "width" et non "device-width".

Bonne soirée Smiley smile
EDIT:
Merci Raphael, j'ai réussis !]

Voici mon code qui comprend les mobiles et les fenetres de moins de 600px de large :


@media only screen and (min-device-width : 320px) and (max-device-width : 480px), screen (max-width: 600px){}

Modifié par remif (05 May 2015 - 19:49)