今回は『既存のホームページをレスポンシブスマホ対応する方法』についてご紹介いたします。 2年程前からBootstrapやjQuery_Mobileによるスマートフォンサイトの作成であったり、WordPressのスマホ対応テンプレートの導入であったり、様々な手法を用いてスマホ対応を行ってきました。 最近ではWordPressのスマホ対応テンプレートか、今回ご紹介するメディアクエリによるレスポンシブスマホ対応の2パターンに収束してきた感じです。 今回はメディアクエリによるレスポンシブスマホ対応について紹介いたします。 メディアクエリとは CSSの記述によって、画面幅に合わせたスタイルシートを適用させる事ができる手法です。 例えば、「横幅が640pxまでの画面であればこのスタイルシートを使う」といったことが容易にできます。 メディアクエリによるレスポンシブスマホ対応の利点 既存のホームページを流