如何使用獨立的媒體查詢條件

Question

我有一定的CSS規則2個條件相同的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)