修复了 windowsphone 8.1、cordova 和 jquery 移动设备无法正常工作的页脚

Question

我想在我的 cordova 项目中使用固定页脚。我目前正在 windowsphone 8 设备和模拟器上测试我的开发。我使用了两种不同尺寸的模拟器，并收到了两个关于定位的问题（每个问题一个）。

html代码：

<div data-role="footer" data-position="fixed">
    <div data-role="navbar">
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#projects">Projects</a></li>
        </ul>
    </div>
</div>

这是它的样子：

如您所见，左侧的页脚太低 - 右侧的页脚太高。但是，如果我在模拟器中右击一次，它看起来很好，如下面的屏幕截图所示。如果我再点击一次定位又是错误的...

有人知道为什么会发生这种情况以及如何解决吗？

Answer 1

我在 Windows Phone 8 中遇到了类似的问题。我无法解决带有可见状态栏的应用程序左侧屏幕截图中的问题，因此我设置 Fullscreen 到 true 在 config.xml

<preference name="Fullscreen" value="true" />

之后，我仍然遇到底部菜单放置过高的问题，但仅限于模拟器。在物理设备上一切看起来都很好。