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

Question

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

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

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

非常感谢!

菲利克斯

Answer 1

以下样式适用于 body标签而不是 html标签:
height: 100%;
因此，从 html, body { height: 100%; ... } 中删除此样式这应该可以解决问题。事实上你可以删除 html从那个街区。它不会影响输出。