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 です。
この情報を判断するためにメディア クエリ文字列を解析するのは面倒なようです。もっと簡単な方法はありますか?