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: Samsung Galaxy S2 il ne répond pas à la vue mobile.
Quel pourrait être le problème?
mobile
web
responsive-design
Tadas Davidsonas
la source
la source
Réponses:
Il vous manque probablement la balise meta viewport dans l'en-tête html:
Sans cela, l'appareil prend en charge et définit la fenêtre en taille réelle.
Plus d'infos ici .
la source
index.htmlinclut réellement le tag ainsi que le développementindex.htmlJ'ai également fait face à ce problème. Finalement, j'ai une solution. Utilisez ce code ci-dessous. Espoir: le problème sera résolu.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">la source
Bien qu'il soit répondu ci-dessus et qu'il soit juste d'utiliser
mais si vous utilisez React et webpack, n'oubliez pas de fermer la balise d'élément
la source
Balise meta responsive
Pour garantir un rendu et un zoom tactile appropriés pour tous les appareils, ajoutez la balise Meta de la fenêtre d'affichage responsive à votre
<head>.la source