Div를 윈도우 내부 높이에 따라 변경하십시오.

Question

여기에 약간의 도움이 필요합니다.

나는 내가

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

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

을 다음과 같이 내가

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

아무튼 사용할 때마다하는 자바 스크립트를 작성한있는 화면 내부 높이 에 따라 DIV의 높이를 변경하려면 div 요소에 아무 것도 쓸 수 없습니다. #bg 하지만 500px처럼 px에서 높이를 정의하면 div 요소 #bg에 높이를 쓰게됩니다.

Answer 1

당신은 높이 값에 'PX'를 추가해야합니다

: 바이올린

height(); 

체크 아웃 어떤 시점에서 함수를 호출

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

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

그리고 분명히 - 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