FullCalendarを指定されたdiv空間に自動的にフィットさせるには

Question

fullCalendarを指定したdiv空間に収めて、流体効果を与えたいが、それは難しいと思う。私も下に....アスペクト比を使用してみましたが、運が届かないあなたが動的にheightプロパティを設定する必要がありますこれまでのところ、私が何をしたか

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

Answer 1

です： http://arshaw.com/fullcalendar/docs/display/height/

Answer 2

を動的に調整します開始時に変数にカレンダーをAsigning

：高さの代わりにアスペクト比のは私のために働い

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は、ページデザインに依存します。

これが役に立ちます。