Googleではレスポンシブ ウェブ デザインの推奨していますので、Google Mapも画面サイズ(PC Tablet smartphone)によって表示サイズが変わると便利だと思います。 そこで今回はGoogle Mapのレスポンシブ ウェブ デザイン対策を紹介します。対策はとっても簡単で単純なことです。 Google Mapよりウェブサイトへの地図埋め込み用 HTML コードを取得すると<iframe width=”425″ height=”350″ frameborder=”0″・・・みたいなコードを取得することが出来ます。この取得したコードのwidth=”425″をwidth=”100%”に書き換えるでけです。 これでGoogle Mapが画面サイズ(PC Tablet smartphone)によって表示サイズが変わります。 次はアメブロの記事のサイズに合わせてGoogle Ma
![Google Mapのレスポンシブ ウェブ デザイン対策](https://cdn-ak-scissors.b.st-hatena.com/image/square/bedef9eaed0c0a1c726317d6352574f63e8f7a34/height=288;version=1;width=512/http%3A%2F%2Fdetarame.moo.jp%2Fwp%2Fwp-content%2Fuploads%2F2013%2F03%2Fgooglemapmedia.png)