Eu estou desenvolvendo um aplicativo Cordova existente que eu quero portar para o windows phone 8. Depois de aplicar algumas correções para gradientes e a questão viewport tudo parecia funcionar. Ontem atualizei meu telefone (Lumia 520) para uma versão mais recente (8.0.10328.78) e, de repente, o rodapé fixo está parcialmente fora da área visível da tela.

Reduzi o código o máximo que pude e apliquei todas as variações das correções de largura de dispositivo / altura do dispositivo que consegui encontrar.

O caso mais básico aparece mesmo no aplicativo de exemplo HTML5 se apenas

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

é adicionado a ele. Você só pode ver os 10 primeiros pixels, a menos que você role para baixo. Além disso, não é como o rodapé não é fixo, porque se você criar uma página muito longa (várias comprimentos de tela) o rodapé vai ficar no mesmo local (cerca de 20 pixels fora de vista, até que você tenha rolado completamente para baixo) Se você descer completamente, os 20 primeiros pixels do cabeçalho ficarão ocultos.

O aplicativo de amostra já tem o

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

nela por padrão. Mas, na verdade, o problema que estou vendo agora é diferente daquele que foi corrigido, adicionando isso. (no caso antigo, você veria o rodapé flutuando a cerca de 20pixels acima do fundo, mas mesmo quando a seção do viewport ms é removida, isso não acontece mais.)

Além disso, fiz algumas medições:

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