zoom automatico su iphone safari

Question

Esiste un modo per Mobile Safari di riconoscere un sito destinato ai telefoni cellulari e ingrandire automaticamente? Come funziona su altri telefoni e browser?

Vorrei evitare di guardare user_agent e inviare una pagina diversa per ogni browser mobile.

Answer 1

Vedi configurazione della finestra parte della guida per gli sviluppatori di app Web di Apple.

Answer 2

Ho appena notato che se l'altezza div del tuo corpo o del tuo wrapper principale è impostata al 100%, questo può interferire con la distanza di ingrandimento / rendering su un browser mobile. Lo ha confermato nel Safari mobile e nel browser Chrome di Android. Una volta impostato l'altezza #siteWrapper dal 100% ad auto, il rendering è stato su una scala molto migliore.

(l'altezza del 100% su un wrapper principale viene spesso utilizzata con piè di pagina appiccicosi.)

Answer 3

I siti possono riconoscere un browser mobile e produrre di conseguenza, di solito è il modo desiderato.

Safari rileverà la larghezza e lo zoom per adattarsi, ma oltre a ciò ...

Answer 4

Puoi evitare di avere pagine diverse in base a User Agent utilizzando CSS condizionali. Apple ha in realtà un'ottima documentazione sulla creazione di pagine Web in grado di supportare Safari su iPhone insieme ai browser desktop.

Vorrei raccomandare di iniziare con la lettura Linee guida per l'interfaccia umana di iPhone per applicazioni Web . Questo ti darà un buon inizio nell'uso dei CSS condizionali per personalizzare le pagine sulla base delle caratteristiche del dispositivo (come le dimensioni dello schermo) anziché di User Agent.