Window.matchMedia（）

他是一次触发的,利用媒体查询来反映屏幕,我们可以监听onresiz 事件

window.onresize = functionRef;来监听,

然后

let mql = window.matchMedia('(max-width: 600px)');

 利用mql 来监听这个的改变.

 

MediaQueryList

介面的addListener()方法会在上MediaQueryList新增一个侦听器，MediaQueryListener以响应媒体查询状态的变化而运行自定义的回调函数。