Question

当我在iphone上加载我的jQuery Mobile页面时，某些页面会延伸到初始视口之外。从初始视口开始的空间是白色，而不是灰色应该是的。我试图使用这行代码将高度设置为100％：[data-role=page]{height: 100% !important; position:relative !important;}但是这仍然无法解决问题。

Answer 1

我的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);
});

希望这有帮助。

Answer 2

首先，不要滥用!important。要诊断CSS有什么问题，可以在Chrome中的Firefox / Developer Console中使用Firebug。（Safari和IE有类似的东西）。某些CSS可能会被覆盖，或者图层可能会重叠。

没有您的HTML代码＆amp; jQuery脚本，我对此无法提供帮助，但通常情况下，为了使内容达到最高，您必须设置html CSS和body CSS才能使用height: 100%;。

jQuery Mobile背景不全高

2 个答案: