창 높이에 따라 이미지 크기 조정

Question

제목에 따라 창 높이가 작아지면 이미지 크기를 줄일 수 있기를 원합니다. 부품을 줄이기 위해 작동하지만 창 높이가 지정보다 클 때 원래 높이를 되찾기를 원합니다.

나는이 부분을 알고 $('.model').height();이 잘못되었습니다.

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

    if (h < 850) { 
    $('.model').height(600); 
    } else { 
    $('.model').height(); 
    } 
}); 

Answer 1

당신은 변수에 .model의 높이를 저장하고 다음과 같이 복원을 시도 할 수 있습니다 :

var originalHeight = $('.model').height(); 

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

    if (h < 850) { 
    $('.model').height(600); 
    } else { 
    $('.model').height(originalHeight); 
    } 
}); 

Answer 2

시도 원래 크기를 원하는 (기본값) "자동"으로 다시 높이를 넣어 뒤로? $ (창) CSTE 연구진 ('로드 크기 조정'기능() { var에 시간 = $ (창) .height의();.

if (h < 850) { 
    $('.model').height(600); 
} else { 
    $('.model').css("height","auto"); 
} 
});