問題
レスポンシブ Web デザインを実現するに当たって、単一の HTML 文書を用いて、Web コンテンツを各種端末のディスプレイの大きさに合わせた形式で表示するために使用する技術はどれか。
選択肢
- 1User-Agent
- 2WebSocket
- 3マッシュアップ
- 4メディアクエリ
正解
4. メディアクエリ
詳しい解説を見る解説を閉じる
解説
メディアクエリはCSS3の機能で、画面幅やデバイスの種類などの条件に応じて適用するスタイルを切り替えられる。これを用いると、同じHTML文書のままPC・タブレット・スマートフォンなど各端末の画面サイズに最適化したレイアウトを実現でき、レスポンシブWebデザインの中核技術となる。User-Agentは端末識別文字列、WebSocketは双方向通信、マッシュアップは複数サービスの組合せ手法である。(出典: 令和6年度 秋期 応用情報技術者試験 午前 問50)
一問一答
全400問を繰り返し学習