Naprawiono problem ze stopką w emulatorze WP8

Question

Użyłem stałej stopki w jednej mojej aplikacji HTML5. To działa dobrze w przeglądarce telefonu IE10, ale gdy próbuję go na WP8 Emulator użyciu internetową widok

mainBrowser.Navigate(new URi("http://jqtouch.rediffmailpro.com/iScroll/win8Example1.html",URiKind.Absolute)); 

To pozostawia lukę na dole.

Przeczytałem gdzieś i edytowałem metatag, aby uwzględnić wysokość.

<meta name="viewport" content="width=device-width, height=541 initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 

Ta luka zniknęła. Ale nie sądzę, że to dobry pomysł, ponieważ przy zmianie orientacji stopka jest tracona, ponieważ wysokość pozostaje 541. Nie chcę sztywno kodować wysokości w dowolnym miejscu, ponieważ wiele urządzeń może mieć różną wysokość.

Wygląda na to, że wysokość portu widoku nie jest poprawnie ustawiona dla css. Używam bottom: 0; pozycja: absolutna; naprawić stopkę. Próbowałem pozycji: naprawiono też.

Oto link referencyjny: WP8 Scroll Demo

Proszę o pomoc.

Answer 1

Zastosowanie iscroll4 i używać kilka zapytań o media w CSS:

@media screen and (orientation: portrait) { 
    @-ms-viewport { 
    width: 320px; 
    user-zoom: fixed; 
    max-zoom: 1; 
    min-zoom: 1; 
    } 
} 

@media screen and (orientation: landscape) { 
    @-ms-viewport { 
    width: 480px; 
    user-zoom: fixed; 
    max-zoom: 1; 
    min-zoom: 1; 
    } 
} 

Działa to dobrze na Windows Mobile 8 komórkowe. Oto wersja demonstracyjna: http://jqtouch.rediffmailpro.com/iScroll/win8Example.html