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

Question

我正在使用 JQuery Mobile 1.4.0 开发我的第一个移动网站，它只需要在具有 apple-mobile-web-app-capable 的 iPad 上工作。

我想要实现的一切是删除内容 div 和页脚 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 没有问题。

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

Answer 1

如果您的页面只需要在 iPad 上工作，那么也许您可以只使用 CSS？下面的在Firefox中应该有让页脚重叠在内容上的效果，但是在iPad上应该可以解决这个问题

在页眉中输入以下内容:

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

改变页脚 div 给它一个 id

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