サイトをレスポンシブ対応させると埋め込んでいるYouTubeがスマホで閲覧した際にページの横幅を拡大させスクロールバーが出てしまいます。これは設定しているviewportがPC用に設定したYouTube動画の横幅と縦幅をそのまま使ってしまうからです。そんな困った問題を解決する方法があります。 プラグインやJavascriptなどいくつか方法があるようですがCSSで対応してしまうのが一番手っ取り早いと思ったのでCSSを選択しました。このCSSを考えた人すごいなー。 .youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .youtube iframe { position: absolute; top: 0; left: 0; width: