C'è un modo per Mobile Safari per riconoscere un sito destinato ai telefoni cellulari e ingrandire automaticamente? Come funziona su altri telefoni e browser?zoom automatico su iphone safari
Vorrei evitare di guardare user_agent e inviare una pagina diversa per ogni browser mobile.
Vedere la parte configuring the viewport della guida per gli sviluppatori di Apple web-app.
I siti sono in grado di riconoscere un browser mobile e produrre output di conseguenza, di solito è il modo desiderato.
Safari in grado di rilevare la larghezza e zoom-to-fit, ma oltre a questo ...
È possibile evitare di avere pagine diverse basate su User Agent utilizzando CSS condizionale. Apple ha in realtà una buona documentazione sulla creazione di pagine Web in grado di supportare Safari su iPhone insieme ai browser desktop.
Si consiglia di iniziare con la lettura iPhone Human Interface Guidelines for Web Applications. Questo ti darà un buon inizio nell'uso del CSS condizionale per personalizzare le pagine in base alle caratteristiche del dispositivo (come la dimensione dello schermo) piuttosto che all'Utente.
Ho appena notato che se l'altezza del div del corpo o del wrapper principale è impostata su 100%, ciò può compromettere la misura in cui ingrandisce/esegue il rendering su un browser mobile. Confermato questo in safari mobile e browser Chrome di Android. Una volta impostato l'altezza #siteWrapper da 100% su auto, è stato eseguito il rendering su una scala molto migliore.
(altezza 100% su un involucro principale è usato spesso con piè di pagina appiccicoso.)
Questo non era il problema che stavo avendo, ma mi ha dato un indizio. Si è scoperto che la rimozione di una dichiarazione di larghezza minima ha risolto il problema. – tanman
destro, questo è quello che ho pensato la questione si riferiva. Ad esempio, aggiungi un elemento simile al seguente: –
Grazie! Funziona anche in Opera Mini. Non sono sicuro degli altri browser .. – m33lky