Oramai con l’ausilio di html5, jquery, e tante altre librerie , le app ibride o direttamente html per i nostri dispositivi mobile che siano iphone o android, iniziano ad aumentare.
Uno dei problemi piu frequenti che sto riscontrando in questo tipo di applicazioni è gestire le pagine, i layout , quando cambiamo orientamento al nostro dispositivo, passando da verticale a orizzontale e viceversa.
sui browser basati su webkit, e in particolare per iphone la risoluzione (salvo particolari problemi dati da costrizioni su css e markup html) è molto banale e incentrata su alcune direttive meta da aggiungere all’header delle nostre pagine..
dopo molte prove, la combinazione per ora che risolve la maggiorparte dei problemi , a mio avviso e’ questa:

<meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes"/>

Edit: con un maximum scale maggiore di 1.0 si hanno problemi quando si passa piu volte da orizzontale a verticale..