fullCalendar.jsのレスポンシブ対応

Question

fullCalendar.jsを組み込んだレスポンシブWebデザインのサイトを作っているのですが、スマホから見るとmonthで表示したとき月の半分くらいしか画面に表示されないという状態です。
1画面内にすべてを抑えようとすると到底見にくくなってしまうのでスクロールバーをつけて対処したいのですが、cssのoverflow:visibleではなかなか機能しません。解決法を教えていただきたいです。
<追記>
viewRenderを用いればどうにかなりそうだとは分かりました。しかし先が長そうです…。

Answer 1

fullcalenderはスマートフォン対応されてないので、かなり厳しいですよ。
あくまでPC用途で作られてるかと。

もしやるなら、画面が一定サイズ以内になったらmonthからdayに切り替えたりとかの対応がありますけど、それが正しい動きとはいえないので。

Calendario.jsを使ったほうが早いかもしれないので検討してみてください。

Comments

[KF_sys67_n]

色々機能が便利なのでできればこれでやりたかったですが、仕方ないかもですね…。
ご返答いただきありがとうございます。

[ogaaaan]

fullcalenderにかぎらず、カレンダーというもの自体がスマートフォンにはそれほど適してないので、月表示はいろいろ葛藤ありますよね。