css - 如何为单独的媒体查询条件使用相同的 css

Question

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

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

和

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

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

Answer 1

您可以使用逗号来做到这一点:

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