当需要为不同屏幕大小添加不同脚本的时候，首先需要检测对应的media query 是否起效
也就是CSS（ @screen only and (min- 40em) {}）和javascript（ if (window.matchMedia( "screen and (min-40em)" )) { }）上各查询了一次
但无论怎样都依赖于CSS media query
![]()
定义分界点：网页或者网页应用的某些方面需要发生改变的特定情况就是分界点所在
css media不是唯一能够实现改变的方法
应该转变观念
分解点应该理解为出现菜单按钮的情况，40em就是那个情况出现的时候，而不是说media query（或者窗口的大小）作为分界点