Pourquoi la fenêtre d'affichage est-elle différente sur le téléphone mobile qu'en mode de conception réactive?

Un problème est survenu lors de la création d'une page Web à l'aide de l'API Google Maps, qui affiche une fenêtre d'affichage correcte en mode Responsive Design (même dans FirefoxDeveloperEdition, Chrome et Safari), par exemple. ~ 320x568 pour un iPhone 5s. Cependant, quand je regarde la page sur un iPhone 5, j'ai une fenêtre d'affichage de 980x1461, ce qui rend la page impossible à voir sur un téléphone.Pourquoi la fenêtre d'affichage est-elle différente sur le téléphone mobile qu'en mode de conception réactive?

J'utilise window.innerWidth et ditto height pour accéder à la fenêtre et l'imprimer sur la page web (source des numéros ci-dessus).

Des indices sur ce qui pourrait mal se passer?

Source

2017-03-28 dahved

Avez-vous une balise META viewport dans la tête de votre page? par exemple

<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
... 
</head> 
<body> 
... 
</body> 
</html>

En savoir plus sur cette balise meta:

Bonne chance!

Source

2017-03-28 18:58:56

C'était en effet que je manquais (ou plutôt je me trompais), merci! – dahved

Pourquoi la fenêtre d'affichage est-elle différente sur le téléphone mobile qu'en mode de conception réactive?

Répondre

Questions connexes