前の問題次の問題

次のスタイルシートの説明として正しい記述を、以下より 1 つ選択しなさい。

[default.css]

@media screen and (max-width:800px) {
  #wrapper {
    width: 100%;
  }
  h1 {
    display: none;
  }
}
@media screen and (min-width:801px) {
  #wrapper {
    width: 1000px;
  }
  h1 {
    display: inline;
  }
}

[HTML]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<link rel="stylesheet" type="text/css"
href="drefault.css">
</head>
<body>
  <div id="wrapper">
    <h1>ウェブデザイン技能検定とは</h1>
    <p>国家検定「ウェブデザイン技能検定」
    は実技および学科試験で実施され、関連国際標準
    規格等に基づき、ウェブデザインに関する知識・
    技能、実務能力等が問われます。</p>
  </div>
</body>
</html>

選択肢 1

パソコン環境などでのコンテンツの横幅として、800 ピクセルが指定されている。

選択肢 2

モバイル環境などの閲覧サイズとして、800 ピクセル以下の指定がされている。

選択肢 3

800 ピクセルを超えた場合に、横幅 100%としてレンダリングされる。

選択肢 4

モバイル環境などでは、h1 要素はインライン要素としてレンダリングされる。

解答

正解
2
取組履歴
ログインすると履歴が残ります
解説
1, 801px以上がPC向けで設定されています
2, 正しい
3,1000pxになるように設定されています
4,PC環境にて、inline要素として設定されています
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。