HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 41

/* Horizontal */
@media screen and (orientation: landscape) {
/* hier die Definitionen, die nur angewendet werden sollen, wenn das Gerät
horizontal gehalten wird. */
}

2

/* Vertikal */
@media screen and (orientation: portrait) {
/* hier die Definitionen, die nur angewendet werden sollen, wenn das Gerät
vertikal gehalten wird. */
}

Listing 2.9 Hoch- und Querformat über Media Queries gezielt ansprechen

Abbildung 2.12 Die Darstellung auf einem iPhone ...

Abbildung 2.13 ... und dieselbe Darstellung auf einem iPad