タグ

ブックマーク / detarame.moo.jp (1)

  • Google Mapのレスポンシブ ウェブ デザイン対策

    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のレスポンシブ ウェブ デザイン対策
  • 1