CSS @media 查询多组逻辑运算符(and/or)

CSS @media query multiple sets of logical operators (and/or)

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

我知道有 many operators,但我无法同时使用多个。到目前为止,这是我尝试过的方法,它在 Firefox 中有效,但在 Chrome 中无效,VS Code 用红色强调了这一点:

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

正确的做法是什么?

您始终可以使用 Bootstrap Grid system that save tons of time. There's also Flex from Bootstrap,这在响应能力方面毫不费力。你基本上把 class d-flex 放在几乎所有东西上,它会自动调整大小。