Qu'est-ce que <méta nom = "Viewport" Content = "largeur = largeur de périphérique"> faire en mode paysage sur iOS?
J'essaie de comprendre les attributs d'échelle sur iOS.
Selon Documents de développement d'Apple , déclarant
<meta name="viewport" content="width=device-width">Dites à IOS d'accabler une page Web à un rapport de pixel de 1: 1 lorsque la page se charge (en mode portrait).Selon ne présentation par les gens de HTML5BeLate (voir Diapositive 13),
device-widthcorrespondra toujours à la plus petite mesure d'un écran d'un périphérique iOS, quelle que soit l'orientation de l'appareil.Par conséquent, si vous chargez une page dans iOS avec le
<meta name="viewport" content="width=device-width">Déclaration Tout en maintenant le périphérique dans une orientation paysagère, iOS définira la largeur de la fenêtre en fonction de ce qui semble être la hauteur de l'écran, ce qui entraîne un ratio de pixel de 1,5: 1 (iPhone 5) ou 2: 1 (iPhone 5).
Suis-je correct, ou je suis mal compris la définition de "largeur" et "largeur de périphérique" comme Apple les utilise?
De plus, lorsqu'un périphérique iOS tourne, que maintient la fenêtre? C'est la largeur ou son échelle? Cela dépend-il des paramètres de méta?
Selon les documents du développeur d'Apple:
"De même, si vous spécifiez uniquement la largeur de la fenêtre, la hauteur et la balance initiale sont déposées. Notez que ... l'orientation du paysage maintient une largeur égale à la largeur de l'appareil, qui change l'échelle initiale et a pour effet de zoomer dans le change d'utilisateur à l'orientation du paysage. "
L'article indique que iOS conserve le même paramètre de visualisation indépendamment de l'orientation ou de la rotation de l'appareil.
Voir ICI , sous "Comment Safari déduit la largeur, la hauteur et l'échelle initiale".