Archivi tag: Scalable

Problemi di resize automatico di pagine html su cambio orientamento iPhone

Oramai con l’ausilio di html5, jquery, e tante altre librerie , le app ibride o direttamente html per i nostri dispositivi pda 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:

 

1
2
3
<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..