cordova - jquery mobile位置固定在Windows Phone 8和视口(viewport)高度

Question

我有一个phonegap应用程序，带有jquery mobile用于样式设置。我使用固定页脚进行导航。然而，页脚 float 在页面底部上方几个像素处。我相信这是因为 Web 控件视口(viewport)高度小于屏幕高度(在 WP8 上的实际网页中，这很好，因为页脚下方的空间被地址栏填充)。关于如何使视口(viewport)高度等于屏幕高度的任何想法。

我无法使用position:fixed，因为我需要在滚动内容时页脚可见。

截图:/image/ZER0J.jpg

Answer 1

@media screen and (orientation: portrait) {
 @-ms-viewport {
    width: 320px;
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1;
 }
}