在纵向模式下移动设备上页面底部的间隙

Question

当我在计算机上浏览我的网站时，所有主流浏览器中的一切看起来都很好，但是，当我在Android手机上查看它时，页脚下方有一个巨大的差距。这种情况发生在仅在纵向模式和所有Android浏览器中。当我在横向模式下查看时，差距在所有浏览器中都会消失。

我尝试使用viewport元标记'播放'，但它没有帮助。

我的网站宽度：1300px，高度：100％。此外，页脚有填充底部：0;边距：0;

什么可能导致此问题仅在纵向模式下发生？

更新：似乎页面的高度不足以填满我的手机的整个屏幕，所以存在这个差距。当我浏览页面时，它会根据网站宽度完全缩小。如何根据场地的高度进行放大，从而消除底部间隙？

请帮忙

P.S。不幸的是，我无法为您提供本地服务器上的链接。

Answer 1

好的，伙计们。我设法修复它。可能不是世界上最好的解决方案，但总比没有好。 所以我所做的是通过使用viewport minimum-scale = 0.6强制进行最小缩放。

此修复后没有底部差距。