Google Maps をレスポンシブサイトに埋め込むには

Google Maps をレスポンシブに変更する簡単なコードです。(^_^)

HTML

<div class="ggmap">googlemapsのiframeコード</div>

CSS

.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%;
}

着物あきないドットコム 呉服屋を通さずに直接和裁士に着物仕立てご依頼

着物あきないサイトでは、呉服屋を通さずに直接和裁士に着物仕立てご依頼出来ます。

これはお得かも! “着物あきないドットコム 呉服屋を通さずに直接和裁士に着物仕立てご依頼” の続きを読む

包丁マッサージ・刀麗華【台湾発の本格的刀療マッサージ】

噂の美人マッサージ師による

包丁マッサージ・刀麗華【台湾発の本格的刀療マッサージ】 “包丁マッサージ・刀麗華【台湾発の本格的刀療マッサージ】” の続きを読む

パソコン初心者の私が素敵なホームページを持てました

退職したら「パン教室」「アロマ教室」を開くことが夢だった教員だった 前田早弓 さんに聞きました。

“パソコン初心者の私が素敵なホームページを持てました” の続きを読む

BiND9 クラウドのエクスポート機能がおかしい!インポート出来ません。

先日から新しいBiNDクラウド上でサイトのエクスポート機能が正常に機能していません。

“BiND9 クラウドのエクスポート機能がおかしい!インポート出来ません。” の続きを読む

リボンスクールのトップページにボブのブログの投稿一覧を追加 -Google Feed API-

リボンスクールのトップページにボブのブログの投稿一覧を追加しました。

Google Feed API を利用しています。
“リボンスクールのトップページにボブのブログの投稿一覧を追加 -Google Feed API-” の続きを読む