Kombinieren mehrerer Bedingungen in CSS-Medienabfragen mit ODER-Logik

In CSS-Medienabfragen kann die Angabe mehrerer Bedingungen mithilfe der „OR“-Logik nützlich sein für die Ausrichtung auf Geräte mit unterschiedlichen Bildschirmgrößen oder -formaten. Obwohl der in der Frage bereitgestellte Code falsch ist, gibt es eine einfache Methode, um das gewünschte Ergebnis zu erzielen.

Um mehrere Bedingungen mit „ODER“-Logik anzugeben, trennen Sie sie durch Kommas:

@media screen and (max-width: 995px), screen and (max-height: 700px) {
  ...
}

Wie in der Dokumentation unter https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries erklärt:

„Kommas werden verwendet, um mehrere zu kombinieren Medienabfragen in einer einzigen Regel. Jede Abfrage in einer durch Kommas getrennten Liste wird getrennt von den anderen behandelt. Wenn also eine der Abfragen in einer Liste wahr ist, wird das gesamte Medium behandelt Die Anweisung gibt „true“ zurück. Mit anderen Worten: Listen verhalten sich wie ein logischer ODER-Operator größer oder gleich 700 Pixel sein. Wenn eine der Bedingungen erfüllt ist, werden die in der Medienabfrage angegebenen Stile angewendet.