CSS和Javascript媒体查询检测

Question

从http://www.w3.org/TR/css3-mediaqueries/可以看到，有很多方法可以声明媒体查询，例如：

（1） @media screen and (min-width: 400px) and (max-width: 700px) { … }

（2） @media handheld and (min-width: 20em), screen and (min-width: 20em) { … }

（3） @media screen and (device-aspect-ratio: 16/9) { … }

（4） @media screen and (device-width: 800px) { … }

等等。

我想知道在javascript或浏览器中是否可以找到某些媒体查询适用的宽度范围。

例如（1）介于400到700之间，而（4）恰好是800

解析媒体查询字符串以确定此信息似乎很繁琐。 有更容易的方法吗？

Answer 1

试试这个mediaquery书签： http ://fhemberger.github.com/mediaquery-bookmarklet/