Googleマップの貼り付けコードをレスポンシブルにしてみました。 動作例 サンプルはこんな感じ。スマホでは良い感じの大きさに表示されているはず。PCでは、ブラウザサイズを変えると、グニョニョーンと大きさが変わるはずです。 Googleマップをレスポンシブにする方法 Googleマップをレスポンシブにする方法のメモ。 CSSのコードはこんな感じ。 .iframeWrap {position: relative;padding-bottom: 80%;height: 0;overflow: hidden;} .iframeWrap iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} 上記CSSを適用した上で、Googleマップの貼り付けコードを div class