如何自动将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/