Как я могу автоматически вписать FullCalendar в указанное пространство div

Question

Я хочу разместить fullCalendar в указанном пространстве div, что придает ему плавный эффект, но мне сложно это сделать. Я даже пытался использовать соотношение сторон, но не получал никакой удачи .... ниже то, что я сделал до сих пор

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

Answer 1

Динамическое регулирование высоты вместо формата работало для меня:

Присвоение календаря переменной при запуске:

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

И затем динамическая регулировка высоты (после проверки того, что календарь уже существует, чтобы избежать первоначальных сообщений об ошибках):

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

Коэффициент *0.83 зависит от вашего дизайна страницы.

Надеюсь это поможет.

Answer 2

вам нужно установить свойство height динамически: http://arshaw.com/fullcalendar/docs/display/height/