Emanon Freeでは、記事に挿入された「YouTube」と「Google Map」が自動でレスポンシブル対応になるよう設計されています。

レスポンシブル対応

Emanon Freeは、「YouTube」と「Google Map」に使用されているiframeタグを記事内から探し出し、iframeの外側にclass付きのdiv要素を自動挿入します。

挿入されるclassには、あらかじめレスポンシブル対応になるようstyle.cssを記載しているため、「YouTube」と「Google Map」のタグを記事に入れるだけで、レスポンシブル対応済みとなります。

サンプル YouTube

PC、タブレット、スマホから見ても動画サイズの比率は一定です。

サンプル Google Map

PC、タブレット、スマホから見てもMaサイズの比率は一定です。

スポンサーリンク