如何刪除僅在移動設備上顯示的網頁底部的空白？

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;
  }

當手機處於縱向模式時禁用滾動功能，但在變為橫向以及平板電腦和台式機時允許滾動。