CSS@media not（最小宽度）不工作

当将结果调整到400px以下时，

@介质不工作（最小宽度：400px）

不工作，我知道我可以使用

@介质（最大宽度：399px）

，但我想知道为什么不工作

尝试以下方法：

@media not screen and (min-width: 400px)

---

最小宽度400px表示设备的宽度至少应为400px。 当您将窗口大小调整到400px以下时，您为min width:400px编写的规则将不起作用

---

最大宽度：399px表示最大宽度为399px。当您将窗口的大小调整到399px以下时，为最大宽度399px编写的规则将起作用。

谢谢，它起作用=），我发现了一个很好的例子，如果知道为什么这一点被否决了，那该多好啊？我知道我不回答“为什么”，但至少这是一个解决办法……MDN说

@media

语法是

media\u查询：[[only | not]？[和]*]|[和]*

，所以如果我们只使用

或
not
，我们必须使用
media\u类型
，