パソコンやスマートフォンなど、画面サイズの異なる端末であっても、それぞれで見やすく使いやすいページレイアウトに最適化して表示する制作手法です。表示される画面サイズの横幅によって、表示する要素や配置を変化させることで実現しています。レスポンシブデザインとも呼ばれます。
元々はパソコンと携帯端末は別々のホームページとして作成することが中心でした。しかし、画面サイズごとにホームページを作ってしまうと、制作のコストが増えてメンテナンスも複雑になってしまうため、今では一つのホームページを表示サイズに合わせるレスポンシブの方法に変化しました。
多くの閲覧がスマートフォン端末になっている現在においては、先にスマートフォンサイトを作成してから、パソコン表示はその左右を埋めるようにコンテンツを配置した、逆レスポンシブといえる手法も生まれています。スマートフォン中心に制作をするようになっていくと、パソコン画面は必要が無くなっていくケースも増えてきそうです。