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

Question

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

我知道有many operators，但是我一直试图将它们中的多个一起使用。到目前为止，这是我尝试过的方法，可以在Firefox中运行，但不能在Chrome中运行，而VS Code用红色强调了这一点：

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

正确的方法是什么？

Answer 1

您始终可以使用Bootstrap Grid系统来节省大量时间。还有Flex from Bootstrap对于响应能力毫不费力。您基本上将d-flex类放到了几乎所有东西上，它将自动调整大小。