CSS @media not (min-width) 不起作用

Question

当将结果调整到 400px 以下时，@media not (min-width: 400px)不起作用，我知道我可以使用@media (max-width: 399px)，但我想知道为什么不起作用

Answer 1

尝试这个：

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

MDN 说 `@media` 语法是 `media_query: [[only | 不是]？<媒体类型> [和<表达式>]*] | <表达式> [ 和 <表达式> ]*`，所以如果我们使用 `only` 或 `not`，我们必须有 `media_type`，[LINK](https://developer.mozilla.org/en-US/docs/网页/指南/CSS/Media_queries） (5认同)