Question 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éé en utilisant mon bureau. Lorsque j'ajuste les fenêtres du navigateur, cela fonctionne parfaitement pour le téléphone portable, mais lorsque je le vérifie sur mon vrai téléphone portable: le Samsung Galaxy S2 ne répond pas à l'affichage mobile.

Quel pourrait être le problème?


94
2018-01-13 14:35


origine


Réponses:


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

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

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

Plus d'informations ici.


233
2018-01-29 07:28



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.

<meta name="viewport" content="initial-scale=1, maximum-scale=1">


2
2017-08-20 06:35



Vérifiez votre CSS ou utilisez CSS Validator.

    Parse Error

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

On dirait que vous n'avez pas fermé votre parenthèse ou erreur de typage.


0
2018-04-12 07:45