レスポンシブwebデザイン

レスポンシブwebデザインとは、様々な機器において、単一のhtmlファイルで最適なWebサイトを表示できるようにする、Webデザインの手法を意味します。
従来では、パソコン向け、スマートフォン向け、のように、機器に応じたhtmlファイルを準備して、Webサーバー側で機器やブラウザーの種類を判別して、最適なWebサイトが表示されるように管理していました。
レスポンシブwebデザインでは、複数のhtmlを用意するのではなく、CSSを使ってブラウザーのサイズを元にレイアウトを調整し、各機器において最適なWebサイトが表示されるようにコンテンツを作成します。すべての機器に対して1つのファイルを管理するだけで済むため、複数のファイルを管理する場合と比べて、コストの削減などのメリットがあります。