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

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

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

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

犬のシャンプートリミングサロンDogWashScoopのサイトがレスポンシブに生まれ変わりました。

IMG_2016

dogwashscooptop

住之江区の「犬のシャンプー、トリミングのサロンDogWashScoop」のオーナーの「山田さん」が、こだわりのホームページの更新を仕上げました。

ホームページ作りも、犬への愛情と同じとお考えの山田さん、細かい点にもこだわり数ヶ月をかけて、忙しい仕事の合間に自力で作り上げられましたよ! “犬のシャンプートリミングサロンDogWashScoopのサイトがレスポンシブに生まれ変わりました。” の続きを読む

「がもん整骨院」のレスポンシブサイトがdebutしました。

IMG_1880
スマホサイト
gamonPC
PCサイト

静岡県浜松市の「がもん整骨院」のホームページが出来上がりました。

自分たちで作り上げたいということで、一からのスタートでした。
“「がもん整骨院」のレスポンシブサイトがdebutしました。” の続きを読む

女性のための鍼灸マッサージ「ゆりの会」のサイトがリニューアルしました。

スマホ画面
IMG_1870PC画面
スクリーンショット-2016-03-10-21.16.16

女性のための鍼灸マッサージ師のサイトがリニューアルしました。

ゆりの会』のメッセージです。 “女性のための鍼灸マッサージ「ゆりの会」のサイトがリニューアルしました。” の続きを読む

山村歯科医院のサイトがレスポンシブに対応しました

山村歯科医院のサイトをレスポンシブ対応にしました。

山村歯科南港診療所と

山村歯科中加賀屋診療所との

ホームページをスマホ対応に変更と同時にリニューアルしました。

レスポンシブサイトに変更しました。住之江区医師会ホームページ

IMG_1808住之江区医師会

「住之江区医師会」んホームページのレシポンシブウェブサイト対応が完了しました。
“レスポンシブサイトに変更しました。住之江区医師会ホームページ” の続きを読む