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

レスポンシブル対応

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

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

サンプル YouTube

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

サンプル Google Map

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

サンプル SlideShare

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

サンプル vimeo

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

(アニメ) 猫の集会(新海诚) from demonyue21 on Vimeo.