むねひろ@プログラマープログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。munehiroCSSレスポンシブでYouTubeやGoogleMapの埋め込みを縦横の比率を保ったまま表示させる方法ツイートシェアはてブLINEPocketYouTubeやGoogleMapをホームページに埋め込んだ場合、スマホで表示すると画面からはみ出したり縦長になってしまいます。PCで表示すると横長の長方形で見やすくてちょうどいいんですけどね。下の画像は縦長表示の例です。これに対し、縦横比をそのままでスマホで画面幅いっぱいに表示する対策をしていこうと思います。