larghezza sito mobile

[lilo]

salve,

qual'è la larghezza standard per i siti mobile (iphone, android)?
vi sono altri dispositivi mobile, a cui bisogna fare riferimento?

grazie
lilo

[ac_socmel]

visto il panorama attuale non esiste una risposta univoca
potrebbe essere 320px, ma in realtà bisogna che approfondisci le media-queries e il responsive layouts
e tutto senza parlare di wap e browser non css

[lilo]

si, ho adottato anch'io la scelta del 320px di larghezza per android e iphone.
Vi sono anche alcuni device con 240px sul mercato? quali sarebbero?
in caso si potrebbero fare due css.

Per quanto riguarda "media-queries e il responsive layouts", ti riferisci al layout fluido?
non è il mio caso, in quando devo fare solo il sito mobile, non quello desktop.

Lilo

[ac_socmel]

molti telefonini possono essere orientati sia in vericale che orizzontale
e l'area utile ne risente ecco perchè il mio suggerimento

[lilo]

si, è verissimo, in questo caso la larghezza sarebbe di 480pixel? dove posso trovare + informazioni su questi argomenti?

[lilo]

si, è verissimo, in questo caso la larghezza sarebbe di 480pixel?
dove posso trovare + informazioni su questi argomenti?

[ac_socmel]

non mi viene niente altro che controllare modello per modello
guarda pure
http://cartoonized.net/cellphone-screen-resolution.php

[StefanoC]

Media query e responsive layouts
sono terreni nuovi, estremamente interessanti ma che obbligano "chi fa le pagine web" a farsi un c*** così ... il panorama dei dispositivi è variegato, e poi c'è di mezzo anche l'obsolescenza di IE che ostacola il tutto nonchè gli elementi di html5 e una flotta di regole css3 che preme per entrare. Insomma con franchezza vedo molto più casino che altro.

I principali siti di design stanno cominciano ad adottare le mediaquery:
prova a vedere http://www.smashingmagazine.com/
e a riadattare le dimensioni della finestra per capire come si comporta il layout.
Noterai che cambia la disposizione e la PRESENZA degli elementi. Questo è il responsive layout.

[fcaldera]

esistono decine di possibili risoluzioni per i dispositivi mobile e adattare un layout per ogni specifica risoluzione possibile non è una soluzione ottimale né praticabile.

Ricordando che il pixel perfect è qualcosa che non è obbligatorio, secondo me è più che sufficiente se prendi in considerazione 2/3 macrorisoluzioni in base alla diffuzione dei device, ad es.

480x320 // iphone
800x480 // samsung galaxy, HTC
960x640 // iphone 4
1024x768 // ipad

[lilo]

vi ringrazio per tutte le vs. segnalazioni, molto utili :-)

per quanto riguarda identificazione dei device, ho trovato un interessante script in php, che indirizza dal sito principale a quello mobile, a seconda del tipo di cellulare (iphone, ipad, android ecc.)

per quanto riguarda invece iphone: in caso di disposizione verticale (320px) ed orizzontale (480px), come posso sfruttare la larghezza max? utilizzo unico css con larghezza 100% oppure creo 2/3 css con (320, 480, 800px)? Nel secondo caso come posso identificare/indirizzare a seconda della disposizione (verticale/orizzontale)?

grazie
lilo