Quali sono le cose di base da fare per rendere un sito web compatibile con iPhone o più accessibile ai dispositivi mobili in generale?
Per l'iPhone, in particolare, dovresti prendere in considerazione la configurazione del viewport, che controlla la scala alla quale verrà eseguito il rendering della tua pagina. Ciò è particolarmente utile se il tuo sito è significativamente più stretto della larghezza della finestra predefinita di 980 px. Puoi farlo con un meta tag:
<meta name = "viewport" content = "width = 590">
Puoi anche impostare la scala e un sacco di altre cose. Puoi leggere tutti i dettagli sul sito di Apple: http://developer.Apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html
Con sempre più telefoni con una risoluzione più elevata, un buon ridimensionamento del browser e il normale supporto javascript/css è molto meno necessario creare una versione speciale del tuo sito per dispositivi mobili. Assicurati di non fare affidamento su: passa il mouse e farai bene immagino. C'è un buon articolo in un elenco a parte sui layout fluidi che si adattano a tutti i dispositivi, dai un'occhiata: http://www.alistapart.com/articles/responsive-web-design/