根據窗戶內部高度更改div高度

Question

我需要一些幫助。

我想根據屏幕內部高度 爲此，我寫了一個Java腳本是如下

<script> 
function height() 
{ 
var h = window.innerHeight; 

document.getElementById("bg").style.height = h; 
} 
</script> 

每當我使用

document.getElementById("bg").style.height = h; 

我沒有按更改div的高度沒有寫任何東西給div元素#bg ，但是當我在px中定義像500px的高度時，我在div元素#bg中寫入高度。

Answer 1

你需要 '像素' 增加高度值：

function height() 
{ 
var h = window.innerHeight; 

document.getElementById("bg").style.height = h+'px'; 
} 

而且很明顯調用函數在某一點

height(); 

退房的小提琴 - http://jsfiddle.net/MRttV/

Answer 2

我猜你可以使用純CSS來做到這一點。通過定義：

body, 
    html { 
    height: 100%; 
    } 
    #bg { 
    height: 100%; 
    width: 100%; /* or the value you want if element is empty */ 
    } 

或者您也可以使用「vh」值。 But it doesn't work on old browsers