Diversi browser su telefoni diversi hanno una diversa risoluzione dello schermo.Qual è la migliore pratica di progettazione per l'impostazione della larghezza della pagina per le pagine Web mobili?
Esiste una best practice nella comunità per impostare la larghezza su una dimensione standard, in modo che funzioni sulla maggior parte dei telefoni e dei browser moderni?
IMHO la pratica migliore è quella di andare avanti senza troppe ipotesi sulla larghezza e la risoluzione del dispositivo client.
Per lo più questi dispositivi dispongono di browser orientati alla visualizzazione/scorrimento/riduzione di pagine Web. Se possibile, lascia che il browser faccia il lavoro.
È possibile utilizzare sempre "em" anziché i pixel che devono essere impostati su nella scala.
Questo è ancora un argomento delicato poiché molti browser mobili interpretano fondamentalmente ciò che si ha a seconda di come gli sviluppatori volevano farlo interpretare.
G'day,
so che sei domanda è quello di decidere a fare una selezione delle dimensioni ottimali dello schermo per lavorare su tutti i telefoni ma questo approccio indossa presto sottile con gli utenti.
Un sito Web di grandi dimensioni a cui sono associato utilizza la stringa UserAgent e la normalizza in un denominatore comune, ad es. oltre 300 diverse stringhe UA in uso nel Regno Unito per un particolare tipo di telefono Sony Ericsson in modo che vengano tutte convertite nella stessa stringa, quindi esegue una ricerca in una tabella per determinare lo spazio reale dello schermo.
I codificatori hanno anche accesso alla velocità di connessione attuale che viene dedotta da un'applicazione di geolocalizzazione basata su tipo di connessione, tipo di instradamento, ecc. al momento della richiesta. Non si desidera inviare media ricchi e ad alta definizione a qualcuno con una connessione lenta.
Questo viene quindi utilizzato per
HTH
applausi,
Non c'è un modo semplice per garantire la precisione dei pixel-perfect tutti i browser mobili (in realtà, non c'è un modo semplice per farlo con qualsiasi browser). Ci sono, tuttavia, alcuni metodi per aiutare con quel tipo di lavoro. Ad esempio, Safari mobile per iPhone supporta un meta tag "viewport" che consente di specificare attributi come la larghezza. Ecco alcuni esempi di utilizzo:
<meta name="viewport" content="width = 750px" />
<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />
Apple ha alcune informazioni here, e troverete molte più informazioni sul web.