Fullcalendar：カレンダーの高さを縮小/拡大

Question

これは私が持っているカレンダーですが、ちょっと縮小されたいのですが。次のコマンドでこれを行うと、圧縮されたスケジュールではなく切り捨てられたスケジュールが得られます。サイズを変更しようとした後

カレンダー：

をあなたはスクロールバーが登場している見ることができ、いくつかのイベントがされなくなり、上記のコマンドでリサイズする前に

$('#calendar').fullCalendar('option', 'height', 200); 
         ---OR WITH--- 
$('#calendar').fullCalendar('option', 'contentHeight', 200); 

カレンダー：見てみましょうプレゼント（私がスクロールするまで）。私は手動で（特に.fc-slats>テーブルの高さと#calendarのfont-sizeで）サイズを変更しようとするためにCSSで遊んできましたが、これらは非常に扱いにくく、動的に変更された場合には間違ったイベントを作成します。私は、カレンダーを動的に、好ましくはJQueryを使用して縦方向に縮小/拡大できる必要があります。これはどのように達成できますか？

ありがとうございます。

Answer 1

私はFullCalendarを "縮める"不完全な方法を見つけました...それは唯一の方法であるようです。 CSS zoomプロパティを使用して

、それは（驚くほど！一回のために。）クロム60、オペラ座47とIE 11にを素敵な結果を与える ...しかし悲しいことに、それだけでFireFoxの55

には全く反応しません

MDN cross-browser compatibility table in the zoom pageは古くなっています...そのため、私がテストしたブラウザについて言及します。たぶん、いくつかのSOユーザーが

だから、私はそれがあなたのより良いオプションだと思う...または（CSSを向上させることができる）スクロールバーと一緒に暮らすなどSafariやその他のブラウザ...携帯電話、について言うことができます。

this CodePenでは、クラスを切り替えて、カレンダーを100％から75％の間で拡大/縮小できます。

.shrinked{ 
    zoom: 0.75; 
} 

Answer 2

はちょうどあなたがこれは広く減価償却されてい

.fc-time-grid .fc-slats td { 
    height: 1em; /* Edit as required */ 
}