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)