0

当社のサイトの一部では、@media ルールを使用しており、クエリで device-width を使用しています。

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

このリンクにたどり着いたとき、私は会社のサイトの CSS を検索して古いルールを見つけました。著者は、 などのアスタリスクの接頭辞*-device-widthをメディア クエリで使用できると主張しています。これは Google リンクであるため、この主張は正しいに違いありません :p

現在のセットアップではこれをテストできません。このルールを W3Schools とそのセットアップに適用しようとしましたが、うまくいかないようでした (ただし、有効なクエリは機能しました)。ここの @media の MDN ページでは、このクエリの有効性について言及していません。このような WHATWG ドキュメントも、このような W3C ドキュメントも同様です。

ルールがANDの両方に適用されるように、アスタリスクのプレフィックスなど*-device-widthはメディア クエリに対して有効ですか?max-device-widthmin-device-width

4

1 に答える 1

1

ルールがANDの両方に適用されるように、アスタリスクのプレフィックスなど*-device-widthはメディア クエリに対して有効ですか?max-device-widthmin-device-width

いいえ、ちがいます。メディア機能自体を参照する方法は、接頭辞を省略します。したがって、この場合はdevice-widthです。メディア クエリ 3 のセクション 4 とメディア クエリ 4 のセクション2.4 を参照してください。

その Google 文書の作成者が、*-device-width単純に言うことができるのになぜ言及しているのかはわかりませんdevice-width— 推測を危険にさらすとしたら、それはおそらく他の場所でdevice-width使用されているためです— いずれにせよ、アスタリスクは有効な接頭辞ではありません.

于 2016-07-13T15:56:01.667 に答える