Question

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

为了让我的搜索和替换工作，每次我决定调整截止点时，我都要明确否定@media (min-width: 500px)，它在{{1}上相交因此，必须手动否定为(max-width: 500px)，然后打破搜索和替换。

我已经尝试了(max-width: 499px)，但它似乎根本不起作用。有没有办法否定not (min-width: 500px)，这样否定查询仍会包含@media (min-width: 500px)，以便我的搜索和替换有效？

Answer 1

试试这个

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

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

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

这不起作用

 not (min-width: 500px) {}