東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

googlemapをレスポンシブ対応に

googlemapをレスポンシブに対応させます。

css記述

.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

②html囲う

googlemapの埋め込みiframeタグを先程上のcssのボックスで囲う

<div class="google-maps">

googlemap埋め込みコードiframe

</div><!--google-maps-->