2

W3C標準ドキュメントによると：

指定されたメディア機能の1つが不明な場合、ユーザーエージェントはメディアクエリを「すべてではない」と表現します。

次に、次の例を示します。

<link rel="stylesheet" media="screen and (max-weight: 3kg) and (color), (color)" href="example.css" />

次に、最初のメディアクエリは「すべてではない」として表され、falseと評価され、2番目のメディアクエリは、最初のメディアクエリが効果的に指定されていないかのように評価されます。

なんでそんな感じ。max-weightの3kgの値が有効な値ではないためだと思いますが、これは理由としてドキュメントで説明されていません。ただし、不明なメディア機能は表示されませんが、「不明なメディア機能」の直後のドキュメントで個別に説明されている「不明なメディア機能の値」が表示されます。この例は「不明なメディア機能の値」の下に置くべきだったと思いますが、「不明なメディア機能」には入れないでください。

4

1 に答える 1

2

例が参照している未知のメディア機能はですmax-weight。それが発生すると3kg、ブラウザはそもそも何をすべきかわからないため、値はとにかく適用されないため、関連性がなくなりますmax-weight。したがって、そのメディアクエリを完全にスキップし、これを効果的に残します。

<link rel="stylesheet" media="not all, (color)" href="example.css" />

これはこれと同じです：

<link rel="stylesheet" media="(color)" href="example.css" />

メディア機能については、別のセクションで説明しています。最初の文は次のように述べています。

構文的には、メディア機能はCSSプロパティに似ています。名前があり、特定の値を受け入れます。

したがって、最初にメディア機能自体のエラー処理を説明し、次にそれらの値の処理を説明することは意味があります。

于 2012-08-23T14:52:09.780 に答える