ios - CSS min-height 不适用于 webkit

Question

所以对于我的网站http://vea.re我已经设置了一些 css 让每个部分都是浏览器屏幕大小的 100%。它在桌面浏览器上运行良好，但在 iOS 上似乎不起作用。你知道为什么吗？实际上它也不适用于 webkit/Safari。最新的 chrome 已经切换到闪烁？

它的设置方式是这样的：

body  
   #container
      section

CSS如下

html, body{
    height: 100%; position: relative;
}
#container{
    float: left;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
section{
    display: block;
    width: 100%;
    min-height: 100%;
    position: relative;
}

我使用 min-height 因为有时该部分大于屏幕的 100%。它在桌面上没有任何问题，但在我的 iphone 或 ipad 上却没有。

我需要一个仅 css 的解决方案，我以前用它工作过 javascript，但由于加载时间等原因，它不是最理想的。

Answer 1

height: 100%好的，如果我不知道我改变了什么，它似乎正在使用，min-height但现在如果它们更长，它不会切断这些部分。