Safari iOS | 100%-高度页面对于视口来说太高了

Question

我遇到了一个简单网页的问题。它还没有完成，但我在 Safari 中用我的 iPad 尝试了这个，并且出现了一个垂直滚动条，尽管文档不应该高于视口。 （仅在横向模式下）

在 iOS 版 Chrome 和桌面版 (1367x768px) 中，它运行得几乎完美，我不明白为什么 safari 会出现问题。

这种现象只出现在 Safari/iOS/landscape 中。 希望它或多或少可以理解。

非常感谢！

菲利克斯

Answer 1

以下样式适用于body 标签而不是html 标签：

height: 100%;

因此，从html, body { height: 100%; ... } 中删除此样式，这应该可以解决问题。事实上，您可以从该块中删除 html。不会影响输出。

Answer 2

问题已在 iOS 8 的 Safari 中解决。