Safari iOS | 100％ - 高分辨率页面的视口太高

Question

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

在Chrome for iOS和桌面版本（1367x768px）中运行接近完美&我不明白为何safari中存在问题。

这种现象只出现在Safari/iOS /横向。 希望它可以或多或少地被理解。

非常感谢！

菲利克斯

Answer 1

以下样式对于body标签，而不是html标签：

height: 100%;

所以，从html, body { height: 100%; ... }去除这种风格，这应该解决的问题。事实上，你可以从该块删除html。它不会影响输出。

Answer 2

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