スマホ画面で、カレンダー表示の高さを伸ばしたい（CSSで）

Question

前提・実現したいこと

ワードプレスのカレンダープラグイン
WP FullCalendar
を使ってカレンダー表示をしています

スマホで見たとき、一定のheightを超えたら
スクロールに切り替わって事実上、画面から見えなくなってしまいます。

スマホ表示の時にテーブルheightを
１）できれば100%表示
２）それが難しい場合は、もう少し数値を大きめに設定
したいのですがCSSの書き方がわかりません。

試したこと

追加CSSに試しに下記記述してみたのですが、
テーブルの高さというより、セル１つ１つの高さが500pxになってしまいました。
（あと、スマホのみならず、PC表示でも高くなってしまいました。）
セル自体は今のままでちょうどよくて、スマホ表示のテーブル全体の表示の高さの指定ができません

.fc table
{
height:500px;
}

補足情報（FW/ツールのバージョンなど）

ワードプレスバージョン 5.3
イベントの登録は別途「Events Manager」プラグインを使用

Answer 1

Docsの方法は試されましたか？

Comments

[imatya999]

ありがとうございます！なるほど、おそらくこちらで間違いなさそうですね！！
で、CSSの知識が中途半端な身ですみません。
下記コードを書いてみたのですが、変化はなかったです。テーブルの指定が間違っているのでしょうか？
.fc table
{
height:parent;
}