Qual è la migliore pratica di progettazione per impostare la larghezza della pagina per le pagine web per cellulari?

Question

Diverse browser dei telefoni diversi hanno diversa risoluzione dello schermo.

C'è una buona pratica nella comunità per impostare la larghezza per un formato standard, in modo che funziona sulla maggior parte Moderni telefoni e browser?

Answer 1

IMHO la migliore pratica è quello di andare avanti senza troppi presupposti circa la larghezza e la risoluzione del dispositivo client.

Per lo più questi dispositivi hanno browser orientate verso la visualizzazione / fluenti / pagine web riducenti. Se possibile, lasciare che il browser fare il lavoro.

Answer 2

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 del browser). Vi sono, tuttavia, alcuni metodi per aiutare con quel tipo di lavoro. Ad esempio, Safari mobile per l'iPhone supporta un meta tag 'finestra' che consente di specificare attributi come 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 qui , e troverete molte più informazioni sul web.

Answer 3

Buongiorno,

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 porta presto sottile con gli utenti.

Un sito web di grandi dimensioni che sto associato con prende la stringa UserAgent e normalizza ad un denominatore comune, per esempio oltre 300 diverse stringhe UA in uso nel Regno Unito per un particolare tipo di telefono Sony Ericsson in modo che tutti ottengono convertito la stessa stringa, e poi fa una ricerca in una tabella per determinare schermo immobiliare.

I programmatori hanno anche accesso alla velocità di connessione corrente che viene dedotta da un'applicazione di geolocalizzazione in base al tipo di connessione, il tipo di posa, ecc al momento della richiesta. non si vuole essere l'invio di ricchi, supporti ad alta definizione a qualcuno con una connessione lenta.

Questo viene poi utilizzato per

1. decidere se ricco di contenuti può essere servita, e quindi
2. selezionare il formato ottimale per il contenuto.

HTH

applausi,

Answer 4

Si può sempre usare "SME", invece di pixel che dovrebbe scalare correttamente.

Questo è ancora un argomento delicato dal momento che molti browser mobili in sostanza interpretare ciò che avete a seconda di come gli sviluppatori hanno voluto renderlo interpretare.