我正在开发一个现有的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个像素视线之外,直到您完全滚动到底部)。如果您完全向下滚动,则顶部20个像素的标题将被隐藏。示例应用程序已经有了。
@-ms-viewport{ width: 320px; }
默认情况下就有。但实际上,我现在看到的问题与添加内容时解决的问题不同。(在旧情况下,您会看到页脚浮动大约20像素以上的底部,但即使删除ms-viewport部分,也不再发生这种情况。)
另外我进行了一些测量:
window.screen.height => 800
window.innerHeight => 512
window.outerHeight => 512
$(window).height() => 533