重複の可能性:
メディア クエリの何が問題なのですか?
W3C標準ドキュメントは次のように述べています：
指定されたメディア機能の 1 つが不明な場合、ユーザー エージェントはメディア クエリを「すべてではない」と表現する必要があります。
次に、次の例を示します。
<link rel="stylesheet" media="screen and (max-weight: 3kg) and (color), (color)" href="example.css" />
次に、最初のメディア クエリが「すべてではない」として表され、false と評価され、2 番目のメディア クエリが最初のメディア クエリが指定されていないかのように効果的に評価されることを示します。
なぜそれがそのようなものです。これは、指定されていない最大重量の値が 3kg であるためだと思います。ただし、「未知のメディア機能」の直後のドキュメントで個別に説明されている「未知のメディア機能値」以外の未知のメディア機能は表示されません。この例は、「未知のメディア機能値」の下に配置する必要がありましたが、「未知のメディア機能」には配置すべきではなかったと思います。