如何修复Safari的iOS 10.3.1中的HTML保证金底部错误

我注意到，在iOS 10.3.1中，当使用safari并激活虚拟键盘时，可以一直向上滚动页面，并在html元素和虚拟键盘之间留出空的空间（与body相同的颜色）。

你可以看到蓝色区域是检查员认为的html元素，在虚拟键盘和html之间有一个白色的空白（或者黑色，如果我把身体背景设置为黑色）。

请注意，这个差距不会自动出现。 出现键盘时，必须向上滚动。 我注意到这一点，因为我使用JavaScript来做一个滚动到底部修复中国9button键盘（它将覆盖屏幕的底部，这恰好是textarea）的错误。

Answer 1

最近，我遇到了与Cordova WebApp和iOS10类似的情况。 当时的问题是，主视图容器的高度为100％，而不是100vh。 看看你的CSS或更新您的文章更多的信息。