css – windows phone 8 HTML5 viewport比更新到8.0.10328.78之后的屏幕高

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

最基本的情况就是出现在HTML5示例应用程序中

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

添加到它您只能看到前10个像素,除非您向下滚动.此外,它不像页脚不固定,因为如果创建一个非常长的页面(多个屏幕长度),页脚将保持在同一个位置(约20个像素的视图,直到您完全滚动到底部)如果您完全向下滚动,标题的前20个像素将被隐藏.

示例应用程序已经有

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

在默认情况下.但实际上,我现在看到的问题与通过添加修正的问题不同. (在旧的情况下,您会看到底部浮动大约20像素的页脚,但即使删除ms视口部分,也不会发生.)

另外我做了几个测量：

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