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) { ... }