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 quand je le vérifie sur mon vrai téléphone portable: Samsung Galaxy S2 n'est pas sensible à la vue mobile.Le Webdesign réactif fonctionne sur un ordinateur de bureau mais pas sur un appareil mobile
Qu'est-ce qui pourrait ne pas être correct?
Vous manque probablement la balise meta viewport dans la tête html:
<meta name="viewport" content="width=device-width, initial-scale=1">
Sans elle, le dispositif prend et fixe la fenêtre à la taille complète.
Plus d'infos here.
Il peut fonctionner sur le navigateur sans cette ligne, mais sur mobile, il a juste besoin de cette ligne. –
Je l'ai utilisé, mais cela ne fonctionne pas encore. S'il vous plaît vérifier http://august.com.sg/ – w3debugger
Je vous aime juste –
Vérifiez votre CSS ou utilisez CSS Validator.
Parse Error
.navbar .nav li a {
padding-right: 5px;
paddng-left: 5px;
Il semblerait que vous n'ayez pas fermé votre accolade ou erreur typographique.
J'ai également fait face à ce problème. Finalement j'ai eu une solution. Utilisez ce code ci-dessous. Espoir: le problème sera résolu.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
Ajout de la "échelle maximale = 1" travaillé pour moi. – tsteve
Vous allez devoir ajouter plus d'informations et le code pour quiconque d'être utile. Votre CSS, HTML, etc. Quel cadre (tel que Twitter Bootstrap) vous utilisez, le cas échéant, etc – ajacian81