Estoy desarrollando una aplicación Cordova existente que quiero trasladar a Windows Phone 8. Después de aplicar algunas correcciones para gradientes y el problema de la ventana gráfica parece funcionar. Ayer actualicé mi teléfono (Lumia 520) a una versión más nueva (8.0.10328.78) y, de repente, el pie de página fijo se encuentra parcialmente fuera del área visible de la pantalla.

He reducido el código tanto como pude y apliqué todas las variaciones de las soluciones de ancho de dispositivo / altura de dispositivo que pude encontrar.

El caso más básico aparece incluso en la aplicación de muestra HTML5 aunque solo sea

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

Se le añade. Solo puede ver los 10 píxeles principales, a menos que se desplace hacia abajo. Además, no es como si el pie de página no estuviera resuelto, porque si creas una página muy larga (varias longitudes de pantalla), el pie de página permanecerá en ese mismo lugar (cerca de 20 píxeles fuera de la vista, hasta que te hayas desplazado completamente al final) Si se desplaza completamente hacia abajo, se ocultarán los 20 píxeles principales del encabezado.

La aplicación de muestra ya tiene el

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

en ella por defecto. Pero en realidad el problema que veo ahora es diferente al que se solucionó agregando eso. (en el caso anterior, vería el pie de página flotando alrededor de 20 píxeles por encima de la parte inferior, pero incluso cuando se elimina la sección ms-viewport, eso ya no ocurre).

Además hice algunas medidas:

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