Se volevo creare una versione mobile di un sito Web, quali sono le risoluzioni di schermo più comuni su cui dovrei provare?
Se volevo creare una versione mobile di un sito Web, quali sono le risoluzioni di schermo più comuni su cui dovrei provare?
Secondo le statistiche del mio Android Market, le schermate di test dovrebbero essere le seguenti:
Dato che i consumatori Web più accaniti sono gli utenti iOS, consiglio anche di testare la risoluzione dell'iPhone 4 ( 960x640 ) e la risoluzione dell'iPad ( 1024x768 ).
Il test per risoluzioni più basse non è poi così utile, dal momento che la maggior parte delle persone che acquistano telefoni di fascia bassa non usa molto il web mobile.
Dipende dalla tua definizione di "mobile". ; -)
Testerei alle seguenti risoluzioni (e ai loro equivalenti ruotati poiché molti dispositivi supportano la rotazione, riportati di seguito nell'orientamento RITRATTO):
Puoi creare un design che funzioni alla grande su tutte le risoluzioni disponibili? Sì, ma ci vorrà del lavoro e probabilmente alcuni hack per ogni dimensione e tipo di browser. Al momento, mi preoccuperò solo dei telefoni moderni nel mio sviluppo mobile, e dal momento che uno smartphone moderno di solito ha un buon browser webkit, prenderò di mira quello (dal momento che dovrebbe avere un supporto CSS / JS / HTML decente). I telefoni meno recenti saranno molto più handicappati in ciò che supporteranno, e quindi potresti finire per avere diverse versioni del tuo sito per supportare i vecchi telefoni.
Sono d'accordo con @Mavrik in quanto la progettazione delle risoluzioni inferiori non è più così utile dato che avrai un numero sempre minore di dispositivi in quella classe. Ma non fa male vedere come appaiono le cose dolorose - basta sapere che il ROI su come far funzionare un sito su vecchi telefoni non è affatto buono.
Quindi, come sappiamo, * iPhone * è ancora re, e usa 960-by-640-pixel ..
Ma ci sono molte piccole variazioni, come il motore. Droide a 854 * 480. Non c'è una regola impostata.
Sui vecchi telefoni (circa '08) sembra essere 640 per 200/360 / 480 & 320 * 240
Leggi altre domande sui tag web-development mobile