3

jquery モバイル Web ページがあります。デスクトップのブラウザだけでなく、Android でも見栄えがします。

しかし、iphone のサファリでは、ページの下部に奇妙な空白があります。.ui-page の min-height に問題があるように見えます。これは、空白が safari のタイトル バー + url バーと同じ高さであるためです。

何か案は？

編集：私は問題を見つけました：それは：

 html, body {
    overflow-x: hidden !important;
    position: relative !important;
 }
4

3 に答える 3

3

このコードで問題が解決することを願っています。

例

// Get height of the document
var screen = $(document).height();

// Get height of the header
var header = $('[data-role=header]').height();

// Get height of the footer
var footer = $('[data-role=footer]').height();

// Simple calculation to get the remaining available height
var content = screen - header - footer;

// Change the height of the `content` div
$('[data-role=content]').css({'height': content });
于 2013-03-28T14:51:09.513 に答える