Problema di piè di pagina fisso sull'emulatore WP8

Question

Ho utilizzato un footer fisso in una mia app Web HTML5. Funziona bene su IE10 browser del telefono, ma quando ho provato su WP8 emulatore utilizzando web-view

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

Si lascia un vuoto nella parte inferiore.

L'ho letto da qualche parte e ho modificato il meta tag per includere l'altezza.

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

Il divario è andato. Ma, non penso che questa sia una buona idea perché in caso di modifica dell'orientamento il piè di pagina viene perso, dato che l'altezza rimane 541. Non voglio hardcodificare l'altezza ovunque, dal momento che più dispositivi potrebbero avere un'altezza diversa.

Sembra che l'altezza della porta di visualizzazione non sia impostata correttamente per css. Sto usando bottom: 0; position: absolute; per sistemare il piè di pagina. Ho provato la posizione: riparato anche.

Ecco il link di riferimento: WP8 Scroll Demo

prega di aiuto.

Answer 1

Usa iscroll4 e utilizzare alcuni media query in 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; 
    } 
} 

Questo funziona bene su Windows Mobile Phones 8. Ecco una demo: http://jqtouch.rediffmailpro.com/iScroll/win8Example.html