CSS媒体查询:最大宽度或最大高度

编写CSS媒体查询时,有什么方法可以使用“或”逻辑指定多个条件?

我正在尝试做这样的事情:

/* This doesn't work */

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

...

}

回答:

使用逗号指定两个(或多个)不同的规则:

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

...

}

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

…此外,您可以在逗号分隔的列表中组合多个媒体查询;如果列表中的任何媒体查询为true,则将应用关联的样式表。这等效于逻辑“或”运算。

以上是 CSS媒体查询:最大宽度或最大高度 的全部内容, 来源链接: utcz.com/qa/417668.html

回到顶部