space.WorksBlogProfileContactWorksBlogProfileContactGoogleMapのiframeではみ出る問題を解決するWeb2020.01.20GoogleMapのiFrameを貼り付ける際に、このようなトラブルが起きたことは無いでしょうか。CodePen.“BOX”の中にGoogleMapを埋め込むと、BOXからはみ出てしまう・・・ということがあると思います。それを解決する方法があるのでご紹介していきます。解決方法まずは、iframeのコードを見てみましょう。allowfullscreen=""></iframe>iframe内にある、widthとheightの値を100%にしましょう。allowfullscreen=""></iframe>これだけで完了です。CodePen.このように、はみ出ること無くBOX内に収まっていると思います。ちなみに、レスポンシブ対応するときは、widthのみを100%にすることで可能となっております。YouTube等のiFrameにも対応しております。みなさんも困ったら是非やってみてください。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Profile田中健斗タナカケント1996年11月5日生まれ。