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或在瀏覽器中，我們可以找到適用於某些媒體查詢的寬度範圍。

EG（1）將是400和700以及（4）將是準確800

看起來這將是乏味解析媒體查詢字符串，以確定此信息之間。有更容易的方法嗎？

Answer 1

試試這個mediaquery書籤：http://fhemberger.github.com/mediaquery-bookmarklet/