css - CSS @media 不（最小宽度）不起作用

Question

演示

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

Answer 1

尝试这个 ：

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

演示

Answer 2

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

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