レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new codeGoogleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断されてしまいます。 Googleマップの中心にピンを表示し、且つレスポンシブ対応にするテクニックを紹介します。 Create An Auto-Centered Responsive Google Map 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 デモ 実装 デモ デモでは、デスクトップでも、タブレットでも、スマホでも、そしてコンテンツのサイズを変更しても、Googleマップの中心にピンが表示されています。
YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」
ウェブサイトへの動画の貼り付け〜HTML5とIE7の混在環境にて〜 | やまゆりのウェブサイト制作日記
