jquery - 在 Windows Phone 7 和 8 上，jquery mobile 固定页脚不在底部

Question

我正在将我的应用程序转换为也可以在 Windows Phone 7.x 和 8 上运行（它已经在 iPhone 和 Android 上运行）。

我有这个问题，页脚没有显示在最底部，但位于末端上方一点。正如您在图片上看到的那样：https ://dl.dropbox.com/u/7685276/Footer%20issue.png

你们中的任何人都可以帮忙吗？正如我所说，这在 Android 和 iPhone 上不是问题。

它是 jQuery 1.9.1、jQueryMobile 1.3、PhoneGap 2.4。

Answer 1

您可以在 MainPage.xaml 处重置容器的高度，或者重置所有页面内容 div 的高度“我不知道它的名称”以适应屏幕的高度

Answer 2

像这样设置位置：

<div data-role="footer" data-position="fixed" style="position: absolute">

Answer 3

您必须更改 windows phone 8 中所有 3 种分辨率的视口宽度

以下代码适用于 HTC windows phone 8x

在您的头部部分包含元标记。

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">

在您的头部部分包含以下样式

@media screen and (min-width: 640px) and (max-width: 1024px) and (orientation:portrait) {
    @-ms-viewport { width: 50%; }        
}

您需要为适用于 windows phone 8 的所有 3 种分辨率编写此内容。您可能必须为更高 DPI 手机减小宽度，为更低 DPI 手机增加宽度。

诺基亚 lumia 920 的视口宽度约为 70-80%，诺基亚 Lumia 820 的视口宽度约为 85-95%。但是您需要找出这两款手机的最小宽度和最大宽度。