Opracowuję istniejącą aplikację Cordova, którą chcę przenieść na Windows Phone 8. Po zastosowaniu kilku poprawek dla gradientów i wszystkich problemów z rzutnią wszystko działało. Wczoraj zaktualizowałem swój telefon (Lumia 520) do nowszej wersji (8.0.10328.78) i nagle stopka stała jest częściowo poza widocznym obszarem ekranu.

Zredukowałem kod tak bardzo, jak tylko mogłem, i zastosowałem każdą odmianę poprawek urządzeń, szerokości i wysokości urządzenia, jakie mogłem znaleźć.

Najbardziej podstawowy przypadek pojawia się nawet w przykładowej aplikacji HTML5, jeśli tylko

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

jest do niego dodawany. Możesz zobaczyć tylko 10 najlepszych pikseli, chyba że przewiniesz w dół. Ponadto nie jest tak, że stopka nie jest naprawiona, ponieważ jeśli utworzysz bardzo długą stronę (wiele długości ekranu), stopka pozostanie w tym samym miejscu (około 20 pikseli poza widokiem, aż do całkowitego przewinięcia) Jeśli przewiniesz całkowicie w dół, górne 20 pikseli nagłówka zostanie ukryte.

Przykładowa aplikacja ma już

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

domyślnie w nim. Ale właściwie problem, który widzę teraz, różni się od tego, który został naprawiony przez dodanie tego. (w starym przypadku zobaczysz stopkę pływającą około 20 pikseli nad dnem, ale nawet gdy sekcja ms-viewport zostanie usunięta, to już się nie zdarza.)

Ponadto wykonałem kilka pomiarów:

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