Que fait & lt; meta name = "viewport" content = "width = device-width" & gt; faire en mode paysage sur iOS?
J'essaie de comprendre la mise à l'échelle des attributs sur iOS.
- Selon Apple Developer Docsdéclarant
<meta name="viewport" content="width=device-width">
dira iOS à l'échelle d'une page web à un pixel 1:1 ratio lorsque le chargement de la page (en mode portrait). - Selon une présentation par les gens de chez HTML5Boilerplate (voir diapo 13),
device-width
correspond toujours à la plus petite mesure d'un appareil iOS de l'écran, quel que soit le dispositif d'orientation. - Par conséquent, si vous chargez une page dans iOS avec la
<meta name="viewport" content="width=device-width">
déclaration tout en maintenant l'appareil en mode paysage, iOS va définir la fenêtre d'affichage de la largeur en fonction de ce qui apparaît à l'écran en hauteur, résultant en une de 1,5:1 (iPhone 4s) ou 2:1 (iPhone 5) ratio des pixels.
Ai-je raison, ou suis-je incompréhension de la définition de "largeur" et "device-width" comme Apple l'utilise?
En outre, lorsqu'un appareil iOS tourne, ce qui ne la fenêtre d'affichage maintenir? C'est la largeur, ou c'est l'échelle? Cela dépend-il de la méta-paramètres?
source d'informationauteur Brandon Lebedev
Vous devez vous connecter pour publier un commentaire.
Selon Apple Developer Docs:
"De même, si vous spécifiez uniquement la fenêtre d'affichage de la largeur, de la hauteur et de l'échelle initiale sont déduites. Notez que... l'orientation paysage conserve une largeur égale à la device-width, qui change de l'échelle initiale et a pour effet de zoom lorsque l'utilisateur change de paysage."
L'article stipule que iOS conserve le même réglage de la fenêtre d'affichage, indépendamment de l'orientation ou de la rotation de l'appareil.
Voir icià la rubrique "Comment Safari en Déduit la Largeur, la Hauteur et l'Échelle Initiale".