Question

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

它的设置方式如下：

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;
}

我正在使用最小高度，因为有时该部分大于屏幕的100％。它在桌面上没有任何问题，但在我的iphone或ipad上没有任何问题。

我需要一个仅限css的解决方案，我之前使用的是javascript，但由于加载时间等原因，它是相当不理想的。

Answer 1

好吧，它似乎与height: 100%合作，如果min-height我不知道我改变了什么，但现在它不会切断部分，如果它们更长。

CSS min-height无法在webkit上运行

1 个答案: