HTML / body上的高度100％在iPhone上不起作用

我使用Foundation创建了一个响应式网站，页脚绝对位于页面底部。在我的桌面浏览器上，它看起来应该完全一样，但是在我的iPhone上，页脚与某些内容重叠，而不是一直位于页面底部。

我将我的html，body CSS设置为此：

html, body {
    height:100%;
    margin:0;
    padding:0;
}

但是，当我使用Safari开发人员工具检查手机上的页面时，当我将鼠标悬停在html或body标签上时，它并没有一直延伸到页面底部，这是导致页脚与内容重叠的原因。

有谁知道是什么原因造成的？

谢谢！