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

一尘不染

css

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

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

/* This doesn't work */
@media screen and (max-width: 995px OR max-height: 700px) {
  ...
}

阅读 503

2020-05-16

共1个答案

一尘不染

使用逗号指定两个（或多个）不同的规则：

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

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

2020-05-16