HTML5

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

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

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