山中一揆史跡を地図で辿る～GoogleMap（http://www.can-chan.com/sanchuikki/santyuikki-shiseki-gmap.html）だとか浄土宗総本山・本山・特別寺院Googlemap（http://www.can-chan.com/tizu/g-mapjodo-honzan.html）などのGoogleMapを、スマートフォンでも簡単に表示できるように、今までのTableで区切られていた表示を取り払い、パソコンではできるだけ広く、スマートフォンでも画面に応じで見ることができるように、改造してみる。もともとはQPONさんからのスクリプトを利用させていただいていたが、スマートフォンでは画面からはみ出すようになっていたので、思い切って変えてみる。レスポンシブルな表示を目指してみました。

パソコンでは次のような見え方です。

スマートフォンで表示させたときは

スマートフォンの狭い画面で見たときもその画面に応じて表示できる。

ここでは、画像としては同じようなサイズで表示されているが、画面として表示できている部分は、パソコンの画面（上の画像）のうち赤線で囲んだ範囲となります。史跡一覧も地図下のボタンや検索窓もすべてスマートフォンで見えるようになりました。