A-1開発・運用の方法論 · Webアプリケーション開発

レスポンシブWebデザイン

Responsive Web Design

れすぽんしぶうぇぶでざいん

1つのHTMLを、CSSのメディアクエリなどを使い、閲覧する端末の画面幅に応じてレイアウトを自動的に切り替えて表示する設計手法。端末ごとに別のページを作る必要がなく、URLが1つにまとまるため管理しやすい。

共有:

他の資格での定義

PC、タブレット、スマートフォンなど、閲覧するデバイスの画面サイズに応じてWebページのレイアウトを自動的に調整するデザイン手法。

PC、タブレット、スマートフォンなどの画面サイズに応じて、レイアウトやコンテンツの表示を自動的に最適化するWebデザイン手法。メディアクエリやフレキシブルグリッドを使用して実現する。

PC、タブレット、スマートフォンなど画面サイズの異なるデバイスに対して、1つのHTMLソースでレイアウトを自動的に最適化するWebデザイン手法。CSSのメディアクエリを用いてブレークポイントごとにデザインを切り替える。

1つのHTML文書を、閲覧する端末の画面の大きさに応じて、CSSのメディアクエリなどでレイアウトを自動的に切り替えて表示する設計の手法。パソコン、タブレット、スマートフォンごとに別のページを用意せずに済み、URLも1つにまとまる。

Past Exams

過去問で 1 回出題（応用情報技術者試験 1）

出典: 独立行政法人情報処理推進機構（IPA）の過去問題。問題文は IPA のサイトの PDF で確認できます。用語名で照合しているため、関係の薄い問題が含まれることがあります。