I css e il layout che ruota per iPhone

Il seguente foglio di stile controlla quali contenitori sono correntemente mostrati a video e quali sono nascosti, i quali verranno gestiti lato javascript.

Codice:


/*---  ORIENTATION CLEVERNESS  --*/  #content_left,  #content_right,  #content_normal,  #content_flipped  {    display:none;  }


Prima di tutto dobbiamo nascondere qualsiasi cosa, di modo che quando la pagina verrà caricata, non verrà mostrato del contenuto inappropriato.

Codice:


.show_normal,  .show_flipped{  width:320px;    } 
.show_left,  .show_right{    width:480px;    }


Poi specifichiamo la larghezza dei contenitori. Se state sviluppando un sito che rientra perfettamente nelle dimensioni del display dell'iPhone, potreste voler specificare anche le altezze in questa parte.

Codice:


.show_left #content_left,
.show_right #content_right,.show_normal #content_normal,
.show_flipped #content_flipped{    display:block;}


Infine mostriamo i contenitori se #page_wrapper ha la classe corretta. Queste classi verranno usate via javascript.



LA GUIDA CONTINUA QUI