css - 如何对不同的媒体查询条件使用相同的 css

Question

对于某个 CSS 规则，我有 2 个条件：

@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)