CSS和Javascript媒体查询检测

CSS和Javascript媒体查询检测,javascript,jquery,css,media-queries,Javascript,Jquery,Css,Media Queries,从中可以看出,声明媒体查询的方法有很多,例如: (1) @媒体屏幕和(最小宽度:400px)和(最大宽度:700px){…} (2) @手持媒体和(最小宽度:20em), 屏幕和(最小宽度:20em){…} (3) @媒体屏幕和(设备纵横比:16/9){…} (4) @媒体屏幕和(设备宽度:800px){…} 等等 我想知道在javascript或浏览器中是否有任何方法可以找到某些媒体查询适用的宽度范围 例(1)在400到700之间,(4)正好是800 解析媒体查询字符串以确定此信息似乎很繁琐。

从中可以看出,声明媒体查询的方法有很多,例如:

(1)
@媒体屏幕和(最小宽度:400px)和(最大宽度:700px){…}

(2)
@手持媒体和(最小宽度:20em),
屏幕和(最小宽度:20em){…}

(3)
@媒体屏幕和(设备纵横比:16/9){…}

(4)
@媒体屏幕和(设备宽度:800px){…}

等等

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

例(1)在400到700之间,(4)正好是800


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

试试这个mediaquery书签组:

试试这个mediaquery书签组:

链接断开了链接断开了