CSS min-height不適用於webkit

所以對於我的網站http://vea.re我已經設置了一些CSS讓每個部分都是瀏覽器屏幕大小的100％。它在桌面瀏覽器上運行得很好，但在iOS上它似乎不起作用。你有什麼想法嗎？實際上它也不適用於webkit/Safari。最新的Chrome已經切換到閃爍？CSS min-height不適用於webkit

它的安裝方式是這樣：

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之前，但它是相當不理想的，因爲加載時間等。

來源

2013-07-19 Lukas Oppermann

你可以縮小代碼並放在jsfiddle上嗎？題外話：漂亮的網站。 – RaphaelDDL

嘿，我開始它http://jsfiddle.net/lukasoppermann/pLaur/10/，但我沒有得到它的工作，但明天將完成它，似乎是一個webkit的東西，雖然，不是ios獨佔。 –

好的，它似乎與height: 100%合作，而不是min-height，我不知道我改變了什麼，但現在如果它們更長，它不會切斷這些部分。

來源

2013-07-20 05:16:45

CSS min-height不適用於webkit

回答

相關問題