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 并且我不知道我改变了什么，但现在它不会切断部分(如果它们较长)。