グーグルカレンダーのレスポンシブ対応
![](https://gm-moja.com/wp-content/uploads/2019/08/1314aa0a7780aa8beefb8231dacd0453-576x1024.jpg)
ずっと気になっていたばくのサイト、うどん屋「麦~バク~」をようやくやり替える事になった。
いちばん重要な事はレスポンシブ対応。もはやこれは必須だ。
単純にテーマをレスポンシブにしてみたが、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】を書き込む
これで上手くいった。
お電話でのお問い合わせ 090-3990-0645