Question

我一直在使用固定页脚在phonegap中打包的jQueryMobile应用程序。

在 windows8手机中，在将方向更改为横向模式时，固定页脚未在横向模式中正确对齐。页脚似乎在横向模式下具有类似行为的底部填充。在纵向模式下，它完美对齐。

我使用的是jquery.mobile-1.3.2和Phonegap 2.7.0。

我一直在尝试以下网址中提到的修补程序，但没有帮助：

https://forum.jquery.com/topic/jquery-mobile-fixed-footer-not-at-the-bottom-on-windows-phone-7-and-8

stackoverflow.com/questions/16602585/jquery-mobile-position-fixed-in-windows-phone-8-and-viewport-height

gilesey.wordpress.com/2013/08/15/jquerymobilephonegap-hintshacks-for-windows-phone-8-0iosandroid /

还尝试了一些JS，jQM和CSS技巧，但页脚没有受到影响。

横向模式下的页面屏幕截图显示在下面的链接中（您可以看到黑色页脚，甚至页脚文本也不清晰可见）：

http://goo.gl/8RICNG

为了更加清晰，标题部分的一部分粘贴在下面：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />

我的应用页脚代码是：

<div data-role="footer" data-position="fixed" data-tap-toggle="false" data-hide-during-focus="" class="footer-cls">

    <div align="center" class="footer-txt"><script>document.write(footerText);</script></div>
</div>

任何人都可以帮我完成一个完美的工作，因为我遇到了这个问题吗？

提前致谢..

Answer 1

在Mainpage.xaml中尝试更改属性

shell:SystemTray.IsVisible="True"

到

shell:SystemTray.IsVisible="False"

这将以全屏模式呈现应用，并将您的CSS重置为整个页面。这可能会解决您的问题

jQueryMobile-Phonegap：Windows8横向模式下的页脚对齐问题

1 个答案: