如何删除仅在移动设备上显示的网页底部的空白？

Question

在移动浏览器上查看我的网站www.zakjack.com时，最后一行内容下方有一块空白。 此空白不会显示在 Web 浏览器上。

我尝试了许多不同的修复方法，包括逐行检查我的 CSS 以查找边距或填充错误，但我找不到任何东西。

我最接近解决方案的是overflow: hidden; 这几乎是完美的，但这会产生一个新问题，即旋转移动设备和某些浏览器尺寸会切断内容。 有什么办法可以解决这个问题吗？

作为参考，这些是我为空白问题尝试过的其他解决方案：

一个 CSS 重置

将 html 正文高度设置为 100%

添加 '''background-size: cover;''' 和 100% 的最小高度

Answer 1

设法为此找到解决方案：

@media only screen and (max-width: 480px) {
  body {
    overflow: hidden;
  }

当手机处于纵向模式时禁用滚动功能，但在变为横向以及平板电脑和台式机时允许滚动。