CSS媒體查詢：最大寬度和最大高度

Question

我想在媒體查詢中使用AND條件。我用下面的代碼，但它沒有工作

@media screen and (max-width: 995px AND max-height: 700px) { 
} 

Answer 1

使用逗號指定兩個（或多個）不同的規則：

@media screen and (max-width: 995px) , screen and (max-height: 700px) { 
... 
} 

從https://developer.mozilla.org/en/CSS/Media_queries/

...在另外，您可以將多個媒體查詢組合在逗號分隔列表中;如果列表中的任何媒體查詢爲真，則應用關聯的樣式表。這相當於一個邏輯「或」操作。

Answer 2

寫這個的正確和simpliest的方法是：

@media screen and (max-width: 995px) and (max-height: 700px) { 

} 

Answer 3

它遺漏關閉和打開括號之前和邏輯運算

@media (max-width: 995px) and (max-height: 700px) { ... }