Native Anwendungen erstellen - HTML5-Apps fur iPhone und Android - page 257

left: 0;
width: 100%;
webkit transform: translate3d(0,0,0) rotate(0) scale(1);
min height: 420px !important;
}
body.fullscreen > * {
min height: 460px !important;
}
body.fullscreen.black translucent > * {
min height: 480px !important;
}
Diese CSS-Definitionen bestimmen unter anderem die Mindesthöhe für den body -
Bereich und sind leider innerhalb von PhoneGap gleich mehrfach falsch.
Wenn Sie in Ihrer jQTouch-Anwendung eine graue oder schwarze Statusleiste verwen-
den - das definieren Sie innerhalb der Info.plist -Datei -, sollte das oben stehende CSS
durch die folgenden Definitionen ausgetauscht werden:
body > * {
webkit backface visibility: hidden;
webkit box sizing: border box;
display: none;
position: absolute;
left: 0;
width: 100%;
webkit transform: translate3d(0,0,0) rotate(0) scale(1);
min height: 460px !important;
}
Richtig, die Definitionen für body.fullscreen und body.fullscreen.back-translucent können
Sie löschen, da sie von PhoneGap und Xcode ohnehin nicht erkannt werden.
Verwenden Sie in Ihrer jQTouch-Anwendung keine Statusleiste - Status bar is initially
hidden -Einstellung in der Datei Info.plist - oder eine transparente, schwarze Statusleiste,
ersetzen Sie die oben stehenden CSS-Definitionen durch folgenden Code:
body > * {
webkit backface visibility: hidden;
webkit box sizing: border box;
display: none;
position: absolute;
left: 0;
width: 100%;
webkit transform: translate3d(0,0,0) rotate(0) scale(1);
min height: 480px !important;
}