•  02-07-2019
  •  | 
  •  

Question

Comment créer une image ou une section de la page en plein écran sur l'iPhone?

J'ai une image au format 480 x 320 et je souhaite la visualiser en plein écran sur l'iPhone, mais elle doit figurer dans une page Web pour pouvoir faire de cette image un lien vers la page précédente.

Actuellement, si je dépose l'image sur une page vierge et que je l'ouvre sur l'iPhone, elle s'affiche dans le coin supérieur gauche.

Était-ce utile?

La solution

Je dirais de définir la balise méta de la fenêtre d'affichage dans votre page vierge afin que Safari sache rendre la page à la bonne taille. Pour plus d'informations, consultez ce lien:

Documentation Apple iPhone Safari

Autres conseils

J'espère que je ne suis pas en violation de la NDA ici, mais ici.

Mobile Safari, par défaut, affiche une page comme si cette page avait été affichée par un navigateur Web, avec une largeur par défaut de 980 pixels.

Pour changer ce comportement, vous devez déclarer explicitement la fenêtre, ce que vous faites via des balises META. Si vous déclarez la largeur à la constante device-width , la valeur par défaut est 320 au lieu de 980, et tout est superbe. 

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>

des liens intéressants qui peuvent vous aider davantage:

Comment optimiser votre site Web pour les appareils mobiles: http://solutions.treypiepmeier.com/2008 / 12/01 / optimizing-a-website-for-iphone /

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top