Jquery mobile jQuery移动背景不是全高

Jquery mobile jQuery移动背景不是全高,jquery-mobile,Jquery Mobile,当我在iphone上加载jQuery移动页面时,页面的某些部分会延伸到初始视口之外。初始视口之外的空间开始时为白色,而不是应该为灰色。我尝试使用以下代码行将高度设置为100%:[data role=page]{height:100%!important;position:relative!important;}但是这仍然不起作用。首先,不要误用!重要信息。要诊断CSS的错误,可以在Chrome的Firefox/Developer控制台中使用Firebug。(Safari和IE也有类似的东西)。一

当我在iphone上加载jQuery移动页面时,页面的某些部分会延伸到初始视口之外。初始视口之外的空间开始时为白色,而不是应该为灰色。我尝试使用以下代码行将高度设置为100%:
[data role=page]{height:100%!important;position:relative!important;}
但是这仍然不起作用。

首先,不要误用
!重要信息
。要诊断CSS的错误,可以在Chrome的Firefox/Developer控制台中使用Firebug。(Safari和IE也有类似的东西)。一些CSS可能被覆盖,或者层可能重叠


如果没有你的HTML代码和jQuery脚本,我真的帮不上忙,但通常情况下,要使内容达到完整高度,你必须设置
HTML
CSS和
body
CSS以使用
height:100%

我的JQM页面总是有同样的问题。我用它使我的页面高度达到100%:

$(document).delegate('#yourPage', 'pageshow', function () {
    var the_height = ($(window).height() - $(this).find('[data-role="header"]').height() -   $(this).find('[data-role="footer"]').height());
    $(this).height($(window).height()).find('[data-role="content"]').height(the_height);
});

希望这有帮助。

您能发布更多代码吗?只有一行代码无法诊断问题。但我的问题很简单。在javascript中没有错误的理想情况下,如何将页面背景设置为始终仅为html文档的100%,而不管原始视口是什么。我的1行代码是否是正确的方法,因此您需要了解更多信息,因为存在错误?如果可能,请在jsfiddle.net上创建一个示例。您可以为jQuerymobile设置许多css调整和字段选项,很难从您的问题中预测。还有,你为什么要设置高度?通常,内容决定页面的高度,垂直滚动是mobileI的自然行为。我发现,在另一个堆栈流上,“jQuery移动内容应该从页眉到页脚填充”是有用的。