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.