css - 更新到 8.0.10328.78 后，windows phone 8 HTML5 视口(viewport)高于屏幕

Question

我正在开发一个现有的 Cordova 应用程序，我想将其移植到 Windows Phone 8。在对渐变和视口(viewport)问题应用一些修复后，一切似乎都有效。昨天我将我的手机 (Lumia 520) 更新到更新版本 (8.0.10328.78)，突然固定的页 footer 分超出了屏幕的可视区域。

我已尽可能减少代码并应用我能找到的设备宽度/设备高度修复的所有变体。

最基本的情况甚至出现在 HTML5 示例应用程序中 if only

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

被添加到它。除非向下滚动，否则您只能看到前 10 个像素。此外，页脚并不是固定的，因为如果您创建一个很长的页面(多个屏幕长度)，页脚将停留在同一个位置(视线之外大约 20 像素，直到您完全滚动到底部)如果您完全向下滚动，标题的前 20 个像素将被隐藏。

示例应用程序已经有

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

默认在里面。但实际上我现在看到的问题与通过添加它解决的问题不同。 (在旧情况下，您会看到页脚 float 在底部上方约 20 像素处，但即使删除了 ms-viewport 部分，也不会再发生这种情况。)

此外我还做了一些测量:

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

Answer 1

老问题，但是，截至 2015 年 1 月，据我所知，对于 Lumia 520+wp8.1，

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

在 config.xml 中实现了这一点，将系统托盘留在原处。你可以把它放在平台细节中

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