@mediaルールの有効なクエリである* -device-widthのような*を使用したメディアクエリの接頭辞は付きませんか？

Question

当社のサイトの一部では、クエリがデバイス幅を使用する@mediaルールを使用しています。

@media (max-device-width:800px) {} //various rules 

私はthisリンクに出くわしたとき、どんな時代遅れのルールを見つけるために、当社のサイトのCSSを検索されました。著者は*-device-widthなどのアスタリスク接頭辞を主張していますが、これはGoogleのリンクであるため、このアサーションは正しいものでなければなりません：p

現在の設定ではこれをテストできません。私はこのルールをW3Schoolsとその設定に適用しようとしましたが、有効なクエリは機能しましたが動作していないようです。 @media hereのMDNページでは、このクエリの有効性については何も言及していません。また、thisなどのWHATWGドキュメントやthisなどのW3Cドキュメントもありません。

とmin-device-widthの両方に適用されるように、アスタリスク接頭辞は*-device-widthなどのメディアクエリに有効ですか？

Answer 1

は、アスタリスク、接頭辞などのメディアクエリーに対して有効*-device-widthとして、ルールはmax-device-widthとmin-device-widthの両方に適用されるようになっていますか？

いいえ、そうではありません。メディア機能を単独で参照する方法は、単に接頭辞を省略することです。したがって、この場合はdevice-widthです。 section 4 of Media Queries 3およびsection 2.4 of Media Queries 4を参照してください。

私は、彼らは単にdevice-widthを言ったかもしれないときに、Googleのドキュメントの作成者が*-device-widthを参照してください理由は考えていない - 私はdevice-widthがelsewhere使用されているので、それはおそらくだと思うがハザードした場合を - しかし、どのような場合には、アスタリスクではありません有効な接頭辞です。