Positionsbestimmung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 231

ul li:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0;
}
ul li span {
float: right;
display: block;
color: #999;
font-weight: normal;
}

5

Abbildung 5.19 So soll es aussehen - die Liste der Restaurants auf dem iPhone (links) und
unter Android (rechts)

Indem Sie die iOS-typischen Abstände, Farben und Schriftgrößen definieren, kom-
men Sie einem App-typischen Look & Feel schon sehr nahe. Zusätzlich zu diesen all-
gemeinen Formatierungen sind noch ein paar Spezialregeln vonnöten, die nur für
die Übersicht bzw. die Optionen Anwendung finden:

#uebersicht ul {
overflow: hidden;
-webkit-background-clip: padding;
}