ios - 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 中得到解决。