Ich entwickle eine vorhandene Cordova-App, die ich auf Windows Phone 8 portieren möchte. Nach einigen Korrekturen für Farbverläufe und dem Problem mit dem Ansichtsfenster schien alles zu funktionieren. Gestern habe ich mein Telefon (Lumia 520) auf eine neuere Version (8.0.10328.78) aktualisiert und plötzlich befindet sich die feste Fußzeile teilweise außerhalb des sichtbaren Bereichs des Bildschirms.

Ich habe den Code so weit wie möglich reduziert und alle Variationen der Gerätebreiten- / Gerätehöhenkorrekturen angewendet, die ich finden konnte.

Der einfachste Fall wird nur in der HTML5-Beispielanwendung angezeigt

<div style="position: fixed; bottom:0; left:0; right:0; background-color: red; height:30px;">footer</div>

wird hinzugefügt. Sie können nur die oberen 10 Pixel sehen, es sei denn, Sie scrollen nach unten. Außerdem ist die Fußzeile nicht fixiert, da die Fußzeile bei der Erstellung einer sehr langen Seite (mehrere Bildschirmlängen) an derselben Stelle verbleibt (ca. 20 Pixel außerhalb der Ansicht, bis Sie vollständig nach unten gescrollt haben). Wenn Sie vollständig nach unten scrollen, werden die oberen 20 Pixel der Kopfzeile ausgeblendet.

Die Beispiel-App hat bereits die

@-ms-viewport{ width: 320px; }

in ihm standardmäßig. Aber das Problem, das ich jetzt sehe, unterscheidet sich von dem, das durch das Hinzufügen des Problems behoben wurde. (Im alten Fall würde die Fußzeile etwa 20 Pixel über dem unteren Rand schweben, aber selbst wenn der ms-viewport-Abschnitt entfernt wird, passiert das nicht mehr.)

Außerdem habe ich ein paar Messungen gemacht:

window.screen.height => 800
window.innerHeight => 512
window.outerHeight => 512
$(window).height() => 533