html - Mobile-Chrome 中网页底部的神秘空白

Question

我已经在 SO 上查看了许多“页面底部的神秘空白”问题，并多次使用 viewport 标签，但我仍然无法弄清楚我在做什么做错了!

有问题的页面是:http://www.seniorchoicesunl.com/error_documents/error401.php

这是 Chrome 开发者工具在移动设备上的样子:

对我做错了什么有什么想法吗？

编辑:

设置ANY initial-scale 是个坏消息!它使字体太小! 看一看:

在保持台式机和平板电脑不变的情况下，理想的移动外观是这样的:

附言解决此问题可以相互解决我在其他网页上遇到的其他相关问题。

Answer 1

将其添加到您的 css 文件之上 :)

html,body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

它为我修复了错误。