JS媒体查询

matchMedia()方法参数可写任何一个CSS@media规则，返回的是新的MediaQueryList对象，该对象有两个属性

• media：查询语句的内容
• matches：检查查询结果，返回boolean

还有两个方法

• addListener()：添加一个新的监听器函数，查询结果改变时，调用指定回调
• removeListener()：删除之前添加的监听器，若不存在则不执行任何操作

参考资料

Window.matchMedia()方法|菜鸟教程
js如何使用媒体查询