如何将相同的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)