jQuery - 창 크기를 재조정하지 않고 윈도우에 맞게 요소 높이를 조정합니다.

Question

페이지가 새로 고쳐지지만 페이지를 새로 고치지 않고도 크기가 조정 된 창의 크기를 동적으로 가져올 수있게하려면 다음 스크립트를 사용하십시오. 섹션에 각각의 높이를 적용하십시오.

var w = $(window).width(); 
var h = $(window).height(); 

$('section').height(h); 

더 동적으로 작동 시키려면 무엇이 누락 되었습니까?

Answer 1

는 다음과 같은 시도는,이 함수는 윈도우가로드 될 때마다 호출되거나 크기가 조정됩니다

$(window).on('load resize', function(){ 
    var w = $(window).width(); 
    var h = $(window).height(); 

    $('.section-content').height(h); 
}); 

당신은에서 확인 section가 실제로 012이어야하는 코멘트.

JSFiddle

Answer 2

$(window).resize(function(){ 
    var w = $(window).width(); 
    var h = $(window).height(); 
    $('.section-content').height(h); 
}); 

Answer 3

창 크기 조정시 높이 너비를 설정해보십시오.

Window resize height/width change Fiddle

JQuery와 :

$(window).on('resize', function(){ 
var h=($(window).height(); 
var w=$(window).width(); 
$('.section-content').height(h); 
}); 

Answer 4

function setToWinSize(){ 
    var win = $(window); 
    $('section').width(win.width()).height(win.height()); 
} 

$(function(){  // on DOM ready 

    setToWinSize();  

    $(window).resize(function(){ 
    setToWinSize(); 
    }); 

});