Googlemapをレスポンシブ化 | 静岡県富士市のホームページ制作なら|SEQUENCE

ホーム > ブログ > Googlemapをレスポンシブ化
Blog
ブログ

Googlemapをレスポンシブ化

googlemap
GooglemapをCSSでレスポンシブ化。
コピペでOKです。

HTML
<div class=”ggmap”>iframeのコピーしたコード</div>

CSS
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

参考にさせて頂いたサイト様
忘れちゃいました…ごめんなさい…