windows phone 8 HTML5ビューポートが8.0.10328.78にアップデートした後の画面より高い

Question

私はWindows phone 8に移植したい既存のCordovaアプリケーションを開発しています。グラデーションとビューポートの問題をいくつか修正した後、働く昨日私は自分の携帯電話（Lumia 520）を新しいバージョン（8.0.10328.78）に更新しました。突然、固定フッターは画面の表示可能な領域の外側にあります。

私は可能な限りコードを減らし、デバイス幅/デバイスの高さのすべてのバリエーションを見つけました。

のみ

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

場合は、最も基本的なケースでもHTML5サンプルアプリに表示されますが、それに追加されます。下にスクロールしない限り、上位10ピクセルしか表示できません。さらに、フッターが固定されていないのは、非常に長いページ（複数の画面の長さ）を作成した場合、フッターは同じ位置に残ります（完全に下にスクロールするまで、約20ピクセルずれます）完全に下にスクロールすると、ヘッダーの上位20ピクセルが非表示になります。

サンプルアプリケーションは、デフォルトですでにその中に

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

を持っています。しかし実際に私が今見ている問題は、それを加えて修正されたものとは異なっています。 （古い場合には、あなたはフッターが底部の上方20pixelsについて浮動見るだろうが、MS-ビューポートの部分が削除された場合でも、それはもう発生しません）

加えて、私はいくつかの測定をした：

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

Answer 1

私はCordova/PhoneGapアプリでもこの問題を抱えています。 PhoneGapを使用していないときにWindows Phone 8のHTML5アプリケーションで問題が発生することもあります（「テンプレート - > Visual C＃ - > Windows Phone HTML5 App」からVisual Studio 2012で新しいプロジェクトを作成するだけです）。この問題は、Windows Phone 8のIEアプリケーションを使用してホストされたサイトから同じHTML5コードをロードする場合は表示されません。

ビューポートを正しく動作させるために私が見つけた唯一の点は、システムトレイ。 MainPage.xamlを変更で

shell:SystemTray.IsVisible="True" 

へ

shell:SystemTray.IsVisible="False" 

これは、システムトレイを隠し、アプリをフルスクリーンアプリを作ります。

アプリがフルスクリーンのときに、何らかの理由でビューポートが正常に動作します。 config.xmlの

Answer 2

古い質問しかし、2015年1月のようにして私の知る限りではLumia 520 + wp8.1ため、

<preference name="fullscreen" value="true"/> 

は彼の代わりにシステムトレイを残して、トリックを行います。プラットフォームに合わせて設定することができます

<platform name="wp8"> 
    <preference name="fullscreen" value="true"/> 
</platform>