ひとことで言うと
PC・スマホ等の画面サイズに応じてレイアウトが自動調整される設計。
レスポンシブデザインとは、PC・タブレット・スマホなど画面の幅に応じてレイアウトが自動で組み替わる作り方です。1つのHTMLでどの端末にも最適表示できるため、端末ごとに別ページを用意する手間がなく、管理がシンプルになります。
具体的には、画面幅に応じて段組みを1列にしたり、文字や画像の大きさを調整したりします。スマホ利用が主流の今、見やすさは離脱率に直結し、検索評価でもモバイル対応が前提とされています。生成AIにコードを書かせる際も「レスポンシブ対応で」と指定すると、幅に応じた切り替えを含むコードを生成しやすくなります。