jQuery Mobile没有正确调整页面大小

Question

我正在使用jQuery Mobile开发一个Phonegap解决方案，我在调整页面大小时遇到​​了问题。

如您所见，页面超出了屏幕大小，因此可以滚动。我已尝试在pageshow上调整大小，但没有成功：

    $(document).on('pageshow', '[data-role=page]', function () {
        $(window).resize();
    });

即使我从页面内部删除了所有内容，它也会超出手机屏幕 - 手动调整浏览器屏幕大小也无济于事。

有谁知道我可以做些什么来解决这个问题？

这是JQM注入了一些样式和ui-panel-wrapper后的代码：

<div (...) style="position: relative; padding-bottom: 35px; padding-top: 51px; min-height: 393px;">
(...)
</div>

更新
事实证明，由于两个（css）事情，我遇到了这个问题：

body {height: 100% }
[data-role="page"] {height: 100%;}

我添加了这个以获得全屏谷歌地图。删除这些样式解决了我的问题。现在我只需要找到另一种方法来获得全屏幕地图。

Answer 1

看起来你在内部div中有一个图像，这会导致div大于页眉和页脚之间的左边，因此窗口右侧的滚动条也是如此。调整大小无济于事，但您可以修复图像的尺寸以适合页眉和页脚，或者通过应用样式overflow-y：hidden来隐藏滚动条。正如Brewal所说，更多代码可能有所帮助。