分组媒体查询？

Question

为不同宽度的多个设备分组媒体查询的方法是什么？ 例如像这样的东西 -

@media screen and (max-width: 480px),
@media screen and (max-width: 760px),
@media screen and (max-width: 1024px)
{

}

Answer 1

您可以使用：

@media only screen 
    and (max-width:480px)
    and (device-aspect-ratio: 2/3)
    and (device-aspect-ratio: 40/71)
    and (device-aspect-ratio: 667/375)
    {
    }

Answer 2

你能不能使用以下内容？

@media screen and (max-width:480px) 
              and (device-aspect-ratio: 2/3)
              and (device-aspect-ratio: 40/71)
              and (device-aspect-ratio: 667/375)
{
}