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/