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

时间:2013-09-21 21:29:20

标签: ios css ipad safari height

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

在Chrome for iOS和桌面版(1367x768px)中,它的运行几乎完美无缺。我不明白为什么在safari中有问题。

这个现象只出现在Safari / iOS / landscape中。 希望它或多或少易于理解。

非常感谢!

菲利克斯

2 个答案:

答案 0 :(得分:0)

以下格式适用于body代码,而非html代码:

height: 100%;

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

答案 1 :(得分:0)

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