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 only屏幕，並且（max-width：767px）和（min-device-width：320px）和（max-device-height：1024px）”是正確的。 並會產生理想的結果。