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

Question

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

为了使我的搜索和替换起作用,每次我决定调整截止点时,我都要明确否定@media (min-width: 500px),它们相交(max-width: 500px),因此必须手动否定,(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) {}