メディアクエリを用いたホームページへの埋め込み

SuperSaaSはホワイトラベル（SuperSaaSの名前を出さずに）利用が可能です。
ホームページをお持ちであれば、埋め込むことでサイトの一部として活用することができます。

お持ちのホームページがレスポンシブサイトであれば、メディアクエリを利用して通常のスケジュール埋め込みとモバイル用スケジュール埋め込みの表示を切り替えてみてはいかがでしょうか。

▽サンプルコード

HTML

<iframe id="PC-MODE" src="http://www.supersaas.com/schedule/スケジュールURL" width="100%" height="800"></iframe>
<iframe id="MOBILE-MODE" src="http://m.supersaas.com/schedule/スケジュールURL" width="100%" height="800"></iframe>

CSS

@media screen and (max-width: 600px) {
#PC-MODE { display:none;}
#MOBILE-MODE { display:block;}
}
@media screen and (min-width:601px) {
#PC-MODE { display:block;}
#MOBILE-MODE { display:none;}
}