ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

iframe

HTML5&CSS iframe, マップ, YouTubeがスマホではみ出ないように表示する

html5 css3 image

GoogleMapやYouTubeを埋め込むときに使うiframeタグ。これを縦横比(アスペクト比)を変えずにレスポンシブに対応する方法です。

iframeはスマホで見るとはみ出ることがあるので必須。(これが起きるサイトは有名なところでも意外と多い。)

HTMLに少し修正を加えてあとはCSSで対応します。

続きを読む