div 모니터 크기, 해상도에 맞추기(resize)

사용자의 모니터 크기나 해상도, 브라우저 크기에 따라

디자인 해놓은 요소의 위치나 크기가 변경된다.

이를 방지하기 위해 베이스가 되는 창이나 모니터의 크기를 구하여

배치시킨다.

브라우저 창 크기 : $(window).width(), $(window).height()

전체화면 크기 : ​screen.width, screen.height 

function leftOpen() {
    $('#timelinbx').css("width", $(window).width() - 280);
}
function leftClose() {
    $('#timelinbx').css("width", "100%");
}
 
$(window).resize(function() {        
    $('.timelinbx').css('width', $(window).width() - 50 );        
    $('.timelinbx').css('height', $(window).height() - 50 );   
});