Einige unserer Unternehmen verwenden @media-Regeln, bei denen die Abfrage die Gerätebreite verwendet, z.Wird einer Medienabfrage mit * vorangestellt, z. B. * -device-width, eine gültige Abfrage für die @ media-Regel?
@media (max-device-width:800px) {} //various rules
Ich war auf der Suche durch CSS unseres Unternehmens-Websites alle veralteten Regeln zu finden, wenn ich über this Verbindung kam. Die Autoren behaupten Asterisk-Präfix wie mit *-device-width ist möglich für Medienabfragen, und da es eine Google-Link ist, muss diese Behauptung korrekt sein: p
Ich kann dies nicht mit meinem aktuellen Setup testen. Ich habe versucht, diese Regel auf W3Schools und deren Setup anzuwenden, aber es schien nicht zu funktionieren (obwohl gültige Abfragen funktionierten). Die MDN-Seite für @media here erwähnt die Gültigkeit dieser Abfrage nicht. Weder WHATWG Dokumente wie this noch W3C Dokumente wie this.
Ist ein Sternchen-Präfix wie *-device-width für eine Medienabfrage gültig, sodass die Regel sowohl für max-device-width AND min-device-width gilt?
Ich hätte nie gedacht, dass ich das sage, aber WHATWG ist nicht W3C, und genau wie W3C es hasst, mit W3Schools verwechselt zu werden, hasst WHATWG genau so viel, um mit W3C verwechselt zu werden. Die WHATWG-Spezifikation, mit der Sie verlinken, beschreibt auch Nicht-Standard-Funktionen - wenn Sie herausfinden wollen, ob die Gerätebreite Teil des Standards ist, warum suchen Sie dort? – BoltClock
Ich habe es gerade beim googlen von "Device-width" für ein anderes Problem mit unserem Unternehmen CSS - Verwendung von @ -ms-viewport {width: device-width;} –
Ich wählte auch den "Living Standard" aus dem MDN Seite - könnte diese gewählt haben: https://drafts.csswg.org/mediaqueries-3/#media0 –