GoogleMapをレスポンシブ対応させる

google mapのiframeタグをタグで囲み、cssを適用するとレスポンシブ対応可能になります。
.google-mapWrap {
position: relative;
padding-bottom: 300px;
height: 0;
overflow: hidden;
}
.google-map-wrap iframe,.google-map-wrap object,.google-map-wrap embed {
width: 100% !important;
height: 100% !important;
     position: absolute;
top: 0;
left: 0;
}

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です