cómo puedo ajustar automáticamente FullCalendar en un espacio div especificado

Question

Quiero ajustar fullCalendar en un espacio div especificado dándole un efecto fluido pero me resulta difícil hacerlo. Incluso he intentado utilizar la relación de aspecto, pero no conseguir un poco de suerte .... a continuación es lo que hice hasta ahora

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

Answer 1

que necesita para establecer la propiedad height dinámicamente: http://arshaw.com/fullcalendar/docs/display/height/

Answer 2

ajuste dinámico de la altura en lugar de la relación de aspecto trabajó para mí:

Asigning el calendario a una variable cuando se inicia:

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

Y luego ajustar la altura dinámica (después de comprobar que el calendario ya existe con el fin de evitar los mensajes de error inicial):

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

El factor *0.83 depende de su página de diseño.

Espero que esto ayude.