スマートフォン・タブレットでもEmbedをキレイに見せる


SlideShare, Speaker Deck等にアップされているスライドをブログに埋め込む(embed)際、訪問者が読みやすいよう表示サイズを大きめにしています。閲覧者のデバイスがPCであれば、特に問題ないのですが、スマートフォンやタブレットであった場合、記事の表示領域によっては、横スクロールがでてしまい、不格好になってしまいます。

例えば、僕の環境(WordPress, Themify Basic theme)では、以下のような感じで書いておけば、閲覧者のデバイスが、スマートフォンやタブレットであっても、不要な横スクロールは表示されません。

iframeを作らないタイプのembedであれば、IDセレクタや、classセレクタを指定すればよいと思います。