有没有办法否定@media min/max-width/height？

Question

我使用 http://www.w3.org/TR/css3-mediaqueries/ 根据可用的视口进行不同的设计。

为了让我的搜索和替换工作，每次我决定调整分界点时，我想明确否定 @media (min-width: 500px)，它与 [=12= 相交]，因此，必须手动否定为 (max-width: 499px)，然后中断搜索和替换。

我试过not (min-width: 500px)，但似乎根本行不通。有没有办法否定 @media (min-width: 500px)，这样否定查询中仍然有 500px，以便我的搜索和替换工作？

Answer 1

试试这个

@media not all and (min-width: 500px) {
  //selectors
}

您也可以根据自己的需要尝试，

@media not screen and (device-width:500px)

这行不通

 not (min-width: 500px) {}

Is there a way to negate @media min/max-width/height?