(Akira)EducationResponsiveCSSトラブル対処初心者向けB!めちゃくちゃ多いんですよ。いう時代ですが、ブログなどの記事はパソコンで書いているという方もまだ多いと思います。́・ω・`)パソコンで書いているとやっぱりパソコンの見た目に集中してしまいます。いうのを忘れてしまう。いうわけで対処法についてです。▲スマホではみ出さず縦横比も崩れない以下がパソコン閲覧時の3パターンのスクリーンショットです。360を指定しています。続いて以下がスマホ閲覧時の3パターンのスクリーンショットです。「はみ出しはしないが縦横比が崩れる」という状態になります。スマートフォン専用版を利用していない場合ということですね。「画面幅から完全にはみ出す」という状態に陥っている方が圧倒的に多いです。状態になり、スクロールする度に画面が右へ左へ揺さぶられます。テンプレートによっては画面は揺れずとも動画の右半分が完全に画面外に隠れて見ることができなくなっているかのいずれかです。コードについては後ほどまとめて説明します。動画サービスから取得してきたiframe要素を貼り付けます。