出張パソコンサービス わいわいPC.

電話:090-3300-4121 メール:mail@y2pc.net

わいわいPC.ブログ

 

calendar

S M T W T F S
1234567
891011121314
15161718192021
22232425262728
2930     
<< April 2018 >>


 

categories


 

archives


 


 

GoogleMapのレスポンシブ化

HTML
<div class="ggmap">GoogleMapから取得した張り付けたい地図の埋め込みコード(iframeのコピーしたコード)</div>

CSS

 
/*--- Google Map レスポンシブ 始まり ---*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--- Google Map レスポンシブ 終わり ---*/