用語集 › IT・メディア

レスポンシブデザイン

記事内には商品紹介を含むリンクがあります。ご購入により当サイトに収益が発生することがあります。

パソコン・タブレット・スマートフォンなど、画面サイズの異なるデバイスに応じて、ウェブサイトの見え方を最適に切り替える設計手法のこと。

目次

もう少し詳しく

1つのHTMLファイルで構成しながら、デバイスごとに異なるCSSを用意して表示を切り替える方式が一般的である。ページの内容自体は同じでも、閲覧するデバイスの画面サイズに合わせて文字組みや画像のレイアウトを変化させることで、パソコンでもスマートフォンでも見やすく使いやすい表示を実現する。

関連語

この記事は役に立ちましたか？

更新 2026年10月6日