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

Question

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

score 3 · Accepted Answer

3

尝试这个：

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

于 2013-10-08T07:56:41.223 回答

score 0 · Accepted Answer

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

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

2 回答 2