Googleマップをレスポンシブにして埋め込む



目次

ページに埋め込むiframeを用意

googleマップの共有から、「地図を埋め込む」でiframeをコピー

サイズはCSSで指定するのでなんでもOK。



iframeをそのまま貼り付けると右側に余白ができるため、width="100%"にする。
横幅はフィットしているが、spのときにコレだと縦が長いので、ここで縦幅も可変にする方法をメモ

  • URLをコピーしました!
目次