什麼是通過css確定屏幕高度的正確方法？

我想要有一個佈局，我有四個彩色的div。說紅色藍色綠色黃色，所有這些都等於頁面滾動的高度。它就像我在屏幕上向下滾動時顯示藍色，然後顯示綠色，然後顯示黃色顯示紅色。什麼是通過css確定屏幕高度的正確方法？

http://jsfiddle.net/Bv6JU/1/這裏是小提琴讓我們改進它。

2012-05-25 sushil bharwani

gimme da codez！ –

不知道這個問題有什麼問題。只需要一個具有四個div的佈局，其寬度和高度都等於捲動高度。爲什麼關閉和反對票。 –

@sushilbharwani：我猜是因爲你沒有包括你到目前爲止嘗試過的東西，所以這個問題更像是要求某人爲你寫代碼。 –

jQuery中（可能在簡單的純JavaScript做太多，但我是一個jQuery的oholic）...

<div class="screensize" style="background-color:red"></div> 
<div class="screensize" style="background-color:blue"></div> 
<div class="screensize" style="background-color:green"></div> 
<div class="screensize" style="background-color:yellow"></div> 
<script type="text/javascript"> 
$(function() { 
    $(".screensize").css("height",$(window).height() + "px"); 
}) 
</script>

編輯：哦，就像我說的，如果你想保持當人們調整窗口大小時，大小一致，您將捕獲resize事件並再次調整div的大小。所以你會添加這條線的功能...

$(window).resize(function() { 
    $(".screensize").css("height",$(window).height() + "px"); 
})

來源

2012-05-25 20:33:39 Rodolfo

jQuery是JavaScript。如果可以在jQuery中使用，則可以使用JavaScript。只需將'.resize（）'添加到JavaScript的第二位並擦除第一位。 – iambriansreed

@rodolfo我想要的東西是通過在jsfiddle中進行一些更改而實現的，我在http://jsfiddle.net/Bv6JU/2/上面發佈。我不明白它是如何工作的（特別是對html和body css的100％）。但解決我的問題檢查，如果你看到一個問題 –

我不明白你爲什麼使用調整大小的代碼工作正常與初始編碼只。如果你想檢查純CSS的解決方案。它在jsfiddle.net/Bv6JU/2中。但我喜歡你從事解決方案並理解問題的方式。謝謝。 –

什麼是通過css確定屏幕高度的正確方法？

回答

相關問題