fullcallendar.jsでのブラウザ判定及びレスポンシブ対応

Question

fullcallendar.jsを用いて、カレンダーの作成を行っています。

日表示(agendaDay)を作成しているのですが、スマホ(Android,iOS)の各ブラウザで確認したところ、レイアウト崩れが起きています。具体的には、カレンダーの一部分しか表示がされません。

heightやwindowResizeを変更しても適用されるのはPCブラウザのみで、スマホのブラウザでは何も変更が行われてません。
fullcalendar.js内部で意図的にスマホ用の表示に切り替えており、そちらでは上書きが適用されていないと推測しましたが、レスポンシブ対応を行っている箇所が見当たりません。
どこでスマホ表示を判定しているかご存知でしょうか。
またスマホからの閲覧でもPCブラウザと同じ表記にするにはどうしたらよいでしょうか。
fullcalendarのバージョンは1.5.4です。
宜しくお願いします。

$('#calendar').fullCalendar({
  height: window.innerHeight - 100, 
  windowResize: function () {
    $('#calendar').fullCalendar('option', 'height', window.innerHeight - 100);
  }
});

Comments

[退会済みユーザー]

現象を再現できるミニマムソースを提示してください。