JQuery Mobile-内容和页脚之间的空间

我正在用jquerymobile1.4.0开发我的第一个移动网站，它只需要在支持苹果移动web应用的iPad上运行

我想要实现的一切就是删除content div和footer div之间的空白。我不知道它从何而来，也不知道如何消除它

    <div data-role="page" id="pagec" data-theme="a">
  <div data-role="header" data-id="head2" data-position="fixed" data-tap-toggle="false">
    <div data-role="navbar">
        <ul>
            <?php getNav(); ?>
        </ul>
    </div>
  </div>
<div data-role="content">
  <!-- SWIPE -->
  <?php getContent(); ?>  
  <!-- //SWIPE -->    
</div>
  <div data-role="footer" data-position="fixed" data-tap-toggle="false">
    <?php getForm(); ?>
  </div>
</div>

这个空间只出现在iPad上——Firefox没有问题

---

有类似的主题，但没有解决方案适合我…

如果你的页面只需要在iPad上运行，那么你可以使用CSS吗？以下内容可能会使Firefox中的页脚与内容重叠，但在iPad上应该可以解决这个问题

在页面标题中输入以下内容：

<style>
     #footer {
     position:relative;
     top:-20px; }
     </style>

#页脚{
位置：相对位置；
顶部：-20px；}

更改页脚div以给它一个id

 <div id="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
   <?php getForm(); ?>
 </div>

---

我发现了问题。我的错！视口元中的“高度”属性错误

<meta name="viewport" content="height=device-height, width=device-width,initial-scale=1.0,maximum-scale=1.0">

…改为

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0" >

您的css将帮助我们识别问题。还有一个问题，你是在使用safari还是google chrome？你能提供一个在线演示（比如JSFIDLE）吗？我们可以通过iPad访问它。我没有对JQuery移动CSS进行任何修改。那么像23tux这样的JSFIDLE将最有帮助。