responsive fonctionne sur ordi mais pas sur le smatphone

reso101
Les bases HTML/CSS

Bonjour à tous
J'ai commencé mon site en RESPONSIVE en appliquant les règles sur mon menu et sur le caroussel.
Tout fonctionne à merveille sur mon PC, le site applique bien les règles de redimensionnement si je diminue mon navigateur Chrome.
Cependant si je regarde mon ébauche sur mon smartphone (Galaxy S3), le site s'affiche en format max. En clair le

@media screen and (max-width: 480px)

ne s'applique pas.

Lien pour lire le code :

Texte du lien

merci beaucoup à tous ceux et celles qui pourraient passer un peu de leur temps pour m'aiguiller dans une meilleur direction.

Nico

5 réponses

Pakito
Réponse acceptée

Samsung Galaxy S3:

Logique donc que ta règle ne s'applique pas, vu que le S3 ne la respect pas.

reso101
Auteur
Réponse acceptée

Mince, alors là c'est vraiment tout bête ! Ce qui veut dire alors que je dois appliquer la règle à partir de 721px !

En tout cas, merci pour l'info.

reso101
Auteur

Bon cela ne fonctionne pas pour autant !

LeBoulet

Il faut que tu indique le viewport :

<meta name="viewport" content="width=device-width">

Tu trouvera plus d'infos sur cette page : Comprendre le viewport dans le web mobile

reso101
Auteur

Salut merci pour l'info, je vais regarder ceci de suite...