我可以在CSS媒体查询中使用“OR”吗？

Question

我想大致有以下三种媒体查询合并为一个：

@media only screen and (max-device-width: 480px) { 
} 

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
} 

@media only screen and (max-device-width: 1024px) { 
} 

我已经试过这下面，但它不工作：

@media only screen and (max-device-width: 480px), 
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
@media only screen and (max-device-width: 1024px) { 
} 

有没有办法结合起来这些，可能带有“OR”？

Answer 1

从specification

下面是使用CSS中的@媒体的规则以逗号分隔的列表多家媒体查询的例子： @media screen and (color), projection and (color) { … }

只有在使用@media规则的开始。