Fullcalendar：如何使日历符合屏幕大小

Question

我正在尝试将fullcalendar调整到屏幕大小。我尝试使用css样式，但它使它不是动态的。当用户放大/缩小或缩放％对fullcalendar尺寸没有影响时，resize的大小fullcalendar本身的任何其他方式。

Answer 1

Solved it.

I have referred to this link 并做了Hit & Try method。使用以下代码，fullcalendar会自行调整大小以适应screen的大小。没有溢出。至少适用于谷歌浏览器。

$('#calendar').fullCalendar({
    aspectRatio:  3 
});

Answer 2

$(window).resize(function() {
    //resize just happened, pixels changed
    $('#calendar').fullCalendar('option', 'height', window.innerHeight);
});

这对我有用