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

Die Kopfzeile
Als Letztes formatieren Sie die Kopfzeile noch so, dass die abgerundeten Ecken ver-
schwinden. Zusätzlich stellen Sie mit der Eigenschaft overflow:hidden sicher, dass die
Kopfzeile am oberen Rand andockt. Ach ja, und eine voll sichtbare Kopfzeile ohne
Transparenz sieht auch etwas mehr nach einer WebApp aus.
header {
background-color:#1384ed;
text-align:center;
overflow:hidden;
}
Die Überschrift im Header machen Sie einfach noch 10 Pixel kleiner:
header h1 {
font-size:30px;
color:#fff;
text-transform:uppercase;
}
Abbildung 2.18 Viel besser! So sollte Ihre Sharky-WebApp jetzt auf dem iPhone (links) und
unter Android (rechts) aussehen.
Sehr schön! Jetzt sieht das Ganze doch schon viel mehr nach einer WebApp aus
(Abbildung 2.18), und Sie können mit der Einbindung der neuen iOS 5-Features fort-
fahren.