對組合媒體查詢的ReSharper css錯誤

Question

我接管了一個現有的web項目，而ReSharper正在拋出一些css錯誤。

在該行：

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

ReSharper拋出

{預期

當拆除, @media only screen：

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

錯誤消失。

現在我想知道這是否仍然有效，並具有與以前相同的含義或是完全不同的代碼？ 如果不同，應該如何更改爲沒有錯誤但意義相同？

Answer 1

第二個「僅@media屏幕和（max-width：767px）和（min-device-width：320px）和（max-device-height：1024px）」是適當的。並會產生預期的結果。