ReSharper CSS-Fehler bei kombinierten Medienabfragen

Question

Ich habe ein bestehendes Web-Projekt übernommen und ReSharper wirft einige CSS-Fehler.

An dieser Linie:

@media only screen and (max-width: 767px), @media only screen and (min-device-width: 320px) and (max-device-height: 1024px) 

ReSharper wirft

{erwartete

Beim Entfernen , @media only screen:

@media only screen and (max-width: 767px) and (min-device-width: 320px) and (max-device-height: 1024px) 

der Fehler verschwindet.

Jetzt frage ich mich, ob das immer noch gültig ist und die gleiche Bedeutung wie zuvor hat oder ist das völlig anders Code? Wenn anders, wie sollte es geändert werden, um keine Fehler zu haben, aber immer noch die gleiche Bedeutung?

Answer 1

Die zweite "@media nur Bildschirm und (max-Breite: 767px) und (min-Geräte-Breite: 320px) und (max-Gerät-Höhe: 1024px)" ist richtig. und wird gewünschte Ergebnisse produzieren.