完整日历:如何使日历适合屏幕大小

Question

我正在尝试使fullcalendar适合屏幕的大小。我尝试使用css样式，但它使它不是动态的。当用户放大/缩小或缩放百分比时，fullcalendar的大小将自行resize的任何其他方式对fullcalendar大小没有影响。

Answer 1

Solved it.

我已经提到了这个链接并做了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);
});

这对我有用