Windows Phone 8 HTML5视口高于更新后的屏幕8.0.10328.78-Java 学习之路

我正在开发一个现有的Cordova应用程序，我想移植到Windows Phone 8.应用了一些渐变和视口问题的修复程序似乎都有效 . 昨天我已经将我的手机（Lumia 520）更新到更新的版本（8.0.10328.78），并且突然固定的页脚部分位于屏幕的可视区域之外 .

我尽可能地减少了代码并应用了我能找到的设备宽度/设备高度修复的每个变体 .

即使在HTML5示例应用程序中，最基本的情况也会出现

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

添加到它 . 除非向下滚动，否则您只能看到前10个像素 . 此外，它不像页脚没有固定，因为如果你创建一个很长的页面（多个屏幕长度），页脚将保持在相同的位置（约20个像素视图，直到你完全滚动到底部）如果你完全向下滚动， Headers 的前20个像素将被隐藏 .

示例应用程序已经有了

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

在默认情况下 . 但实际上我现在看到的问题与通过添加它而修复的问题不同 . （在旧的情况下，您会看到页脚浮动在底部上方约20个像素，但即使删除了ms-viewport部分，也不会再发生这种情况 . ）

另外我做了一些测量：

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

2 回答