Css per iphone

[dhama]

Salve a tutti del forum,
sto terminando la realizzazione di un sito testandolo sui vari browser per verificare la purezza dei fogli di stile o eventuali anomalie di visualizzazione grafica.
Qualcuno avrebbe riscontrato dei problemi di visualizzazione con iphone e blackberry.
Il problema è: il testo esce dai bordi di un immagine di sfondo.
Ora vi chiedo: devo necessariamente creare un sito mobile da zero, o posso implementare attraverso un foglio di stile a parte per smartphone il sito già esistente?
Non ho iphone, ma provando un simulatore online io non riscontro problemi..
Qualcuno sa darmi qualche aiuto?
non so se posso inserire il link del sito demo...
magari intanto qualche dritta...
Grazie in anticipo

[fcaldera]

sì, puoi creare uno o più css per i soli dispositivi mobile utlizzando le media queries
ad es. puoi provare qualcosa del genere (da testare)

  
    <link  rel="stylesheet"  href="wm7.css"/>




    <link media="only screen and (max-device-width: 480px)" rel="stylesheet"  href="mobile.css"/>



<link media="all and (-webkit-min-device-pixel-ratio:2)" rel="stylesheet" href="iphone4.css"  />

Keywords: mobile css android blackberry windows phone microsoft media query queries iphone iphone4

[dhama]

ciao e grazie per la risposta
ho provato con il seguente codice:



e nel iphone.css ho impostato un testo più piccolo, ma nulla da fare...
sembra che iphone non legga il foglio di stile...
altre soluzioni?
devo solo rimpicciolire il testo, per il resto vede tutto bene...

[fcaldera]

Quel css non viene comunque usato dall'iphone4 (se è quello che stai usando) poichè il max-device-width è maggiore di 480px

altrimenti prova a rimuovere i commenti condizionali

[dhama]

lo sto testando su un iphone 3 di un amico... e sinceramente non ne conosco la differenza..lui dice che il display è uguale...
Quindi che dimensione dovrei mettere?
Posso provare togliendo i commenti condizionali ?
appena riesco testo le ultime indicazioni chemi dai..

[fcaldera]

Originariamente inviato da dhama
lo sto testando su un iphone 3 di un amico... e sinceramente non ne conosco la differenza..lui dice che il display è uguale

insomma... l'iphone 4 ha una risoluzione di 960x640, (doppia rispetto all'iphone3)
http://osxdaily.com/2009/09/26/iphon...-x-320-pixels/

[dhama]

quindi su iphone 3 dovrebbe andare bene perchè ha una risoluzione è di 480×320?
Proverò a togliere i commenti e poi riferisco...
Intanto grazie per tutto...

[rickynewtek]

In alternativa secondo me fai prima ( e più un bel lavoro) a creare uno script php che "smista" gli accessi a seconda della versione mobile o meno.

Pc normale --> www.miosito.it
Disp mobile --> www.miosito.it/mobile

In questo modo puoi creare facilmente la versione mobile senza intoppi di sorta e con la sicurezza di un'esperienza più gradevole e cross-browser da parte del visitatore.

P.s Ho proposto questa soluzione per esperienza dato che con iphone,ipad,smartphone vari adattare senza questa soluzione un sito, magari complesso, risulta quasi più complicato usando i css selettivi.