グーグルカレンダーのレスポンシブ対応

ずっと気になっていたばくのサイト、うどん屋「麦～バク～」をようやくやり替える事になった。

いちばん重要な事はレスポンシブ対応。もはやこれは必須だ。

単純にテーマをレスポンシブにしてみたが、googleカレンダーがどうにもならない。

単純に張り付けただけだと、

こうなってしまうのでスタイルを適用させる。

色々なスタイルを試したが、どうしても土曜日が切れてしまうのだ。

最終的にCSSを
[css]

.googleCalendar iframe {
width: 100%;
height: 400px;
}
@media all and (min-width: 768px) {
.googleCalendar iframe {
height: 600px;
}
}
[/css]

これにして、

さらにgoogleのコードの　【2FTokyo" style="border-】の部分の【FTkyo】の後ろに
[css]

[/css]

【&showPrint=0&showTabs=0】を書き込む

これで上手くいった。