iPhone Image en Plein Écran

Comment dois-je procéder pour faire une image ou section de page en plein écran sur l'iPhone?

J'ai une image qui est de 480 x 320 et je tiens à tirer que, jusqu'en plein écran sur l'iPhone, mais il doit être à l'intérieur d'une page web, de sorte que je peux faire de l'image un lien de retour à la page précédente.

Actuellement, si je baisse l'image sur une page blanche et je l'ouvre sur l'iPhone, il s'affiche dans le coin supérieur gauche.

OriginalL'auteur Smallinov | 2008-09-23

  1. 5

    Je dirais définissez la fenêtre d'affichage de la balise meta dans votre page blanche donc Safari sait pour le rendu de la page à la bonne taille. Pour plus d'informations, consultez ce lien:

    L'iPhone d'Apple Safari, Documentation

    OriginalL'auteur Andy Jeffries

  2. 18

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

    Mobile Safari, par défaut, rend une page comme si la page avait été vu par un navigateur de bureau, avec une valeur par défaut de la largeur de 980 pixels.

    Pour modifier ce comportement, vous devez déclarer explicitement la fenêtre d'affichage, qui vous font via des balises meta. Si vous déclarez la largeur de la constante device-width, il sera par défaut à 320 au lieu de 980, et tout ce qui ressemble beaucoup.

    <head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
    Je ne sais pas si ça compte, mais les quelques exemples que j'ai vu également inclure le minimum de l'échelle et du maximum de l'échelle. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    OriginalL'auteur Hans Sjunnesson

  3. 2

    belle liens qui peuvent vous aider plus loin:

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

    OriginalL'auteur