Jak mogę automatycznie dopasować FullCalendar do określonej przestrzeni div?

Question

Chcę dopasować fullCalendar do określonej przestrzeni div, dając efekt płynny, ale trudno jest to zrobić. Próbowałem nawet przy użyciu proporcji, ale nie otrzymuję żadnych szczęścia .... poniżej to, co zrobiłem do tej pory

$(window).resize(function() { 
    var ratio = $(window).width()/$(window).height(); 
    $('.resize').html('<div>ratio:'+ratio+'</div>'); 
    calendar.fullCalendar('option', 'aspectRatio', ratio); 
}); 

Answer 1

trzeba ustawić właściwość height Dynamicznie http://arshaw.com/fullcalendar/docs/display/height/

Answer 2

Regulacja dynamicznie wysokość zamiast wskaźnika kształtu pracował dla mnie:

Asigning kalendarza do zmiennej przy rozpoczynaniu:

calendar = $('#calendar').fullCalendar({ 
    height: $(window).height()*0.83, 
    ... 
}); 

A potem dynamicznie dostosowując wysokość (po sprawdzeniu, że kalendarz już istnieje w celu uniknięcia początkowe komunikaty o błędach):

if(calendar) { 
    $(window).resize(function() { 
    var calHeight = $(window).height()*0.83; 
    $('#calendar').fullCalendar('option', 'height', calHeight); 
    }); 
}; 

Współczynnik *0.83 zależy od widoku projektowania.

Mam nadzieję, że to pomoże.