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

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

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

単純にテーマをレスポンシブにしてみたが、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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

メール

前の記事

YahooJapanの偽装メール
修理

次の記事

NEC LL750/HS6 キーボード交換