• このエントリーをはてなブックマークに追加

HTML5プロフェッショナル認定試験レベル1 サンプル問題

1.4 レスポンシブウェブデザイン に関する問題

例題4.4「1.4.2 メディアクエリ」
レベル1の出題範囲「1.4.2 メディアクエリ」からの出題です。
メディアクエリの記述として、間違っているものを1つ選びなさい。
  • @media screen and (color) { ... }
  • @media screen or (color) { ... }
  • @media screen and (color), projection and (color) { ... }
  • @media not screen and (color) { ... }
  • @media only screen and (color) { ... }

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答え B
メディアクエリの構文において「or」というキーワードは使用できません。論理式におけるORは、カンマ(,)であらわします。「not」キーワードをメディアクエリの先頭に記述すると、条件(真と偽)が逆になります。「only」キーワードは、メディアクエリに未対応の古いブラウザに書式を無視させるためのもので、メディアクエリに対応したブラウザでは「only」キーワードがないものとして処理されます。

出題範囲の詳細

例題解説の提供:HTML5アカデミック認定校 株式会社クリーク・アンド・リバー社
HTML5レベル1認定者 大藤 幹 氏

例題解説とその内容については、例題提供者の監修です。内容や試験問題に関わるお問い合わせにつきましては、LPI事務局ではお応えできませんのでご了承ください。
例題解説のご提供者さまを募集中です。LPI-Japan事務局までぜひご投稿ください。選ばれた方の例題解説は本サイトに掲載させていただきます。

このページの先頭へ