Domanda

Come posso fare per rendere un'immagine o una sezione della pagina a schermo intero su iPhone?

Ho un'immagine di 480 x 320 e desidero visualizzarla a schermo intero sull'iPhone ma deve trovarsi all'interno di una pagina Web in modo da poter rendere l'immagine un collegamento alla pagina precedente.

Attualmente se lascio cadere l'immagine su una pagina vuota e la apro sull'iPhone, questa viene visualizzata nell'angolo in alto a sinistra.

È stato utile?

Soluzione

Direi di impostare il meta tag viewport nella tua pagina vuota in modo che Safari sappia renderla della giusta dimensione. Per ulteriori informazioni, consultare questo link:

Documentazione di Apple iPhone Safari

Altri suggerimenti

Spero di non aver violato la NDA qui, ma qui va.

Mobile Safari, per impostazione predefinita, esegue il rendering di una pagina come se quella pagina fosse stata visualizzata da un browser desktop, con una larghezza predefinita di 980 pixel.

Per modificare questo comportamento è necessario dichiarare esplicitamente il viewport, cosa che si fa tramite meta tag. Se dichiari la larghezza alla costante device-width , per impostazione predefinita sarà 320 invece di 980, e tutto sarà perfetto.

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

bei link che potrebbero aiutarti ulteriormente:

Come ottimizzare il tuo sito Web per dispositivi mobili: http://solutions.treypiepmeier.com/2008 / 12/01 / Ottimizzazione-un-sito-per-iphone /

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top