如何将相同的css用于单独的媒体查询条件

Question

我对某个CSS规则有两个条件：

@media all and (min-width:481px) and (max-width:1024px)

和

@media all and (max-height:900px)

因为我猜我不能用or连接条件，有没有办法不复制这两个条件的CSS规则？

Answer 1

您可以使用逗号执行此操作：

@media all and (min-width:481px) and (max-width:1024px), 
       all and (max-height:900px)