CSS @media 查询多组逻辑运算符（和/或）答案

【问题标题】：CSS @media query multiple sets of logical operators (and/or)CSS @media 查询多组逻辑运算符（和/或）
【发布时间】：2019-12-06 02:43:58
【问题描述】：

在 CSS 中，如果页面宽度在 600 像素到 750 像素之间，或者页面宽度超过 1200 像素，我希望有一些适用的规则。

我知道有many operators，但我一直试图同时使用多个。这是我迄今为止尝试过的，它适用于 Firefox，但不适用于 Chrome，VS Code 用红色强调了这一点：

@media ((min-width: 600px) and (max-width: 750px)) or (min-width: 1200px) {

这样做的正确方法是什么？

【问题讨论】：

【解决方案1】：

您总是可以使用Bootstrap Grid 系统来节省大量时间。还有Flex from Bootstrap，在响应性方面毫无疑问。你基本上把类 d-flex 放在几乎所有东西上，它会自动调整大小。

【讨论】：