La conception Web réactive fonctionne sur le bureau, mais pas sur le périphérique mobile

J’ai un site Web qui doit être réactif pour les téléphones mobiles. Je l’ai créé avec mon bureau. Lorsque j’ajuste les fenêtres du navigateur, cela fonctionne parfaitement pour les téléphones mobiles, mais lorsque je les vérifie sur mon vrai téléphone portable: le Samsung Galaxy S2, il ne répond pas à l’affichage mobile.

Quel pourrait être le problème?

Vous manquez probablement la balise meta de viewport dans la tête HTML:

 

Sans elle, le périphérique assume et définit la fenêtre d’affichage à sa taille maximale.

Plus d’infos ici .

J’ai aussi fait face à ce problème. Finalement, j’ai une solution. Utilisez ce code ci-dessous. Hope: le problème sera résolu.

Vérifiez votre CSS ou utilisez CSS Validator.

  Parse Error .navbar .nav li a { padding-right: 5px; paddng-left: 5px; 

Il semble que vous n’ayez pas fermé votre crochet ou erreur de typographie.