媒体查询/matchMedia 脚本

【问题标题】：Script on media query/matchMedia媒体查询/matchMedia 脚本
【发布时间】：2016-09-12 15:16:16
【问题描述】：

我有一个只能在小型设备上执行的脚本 (https://github.com/SubZane/flyPanels)。

脚本被调用：

<script>
document.addEventListener("DOMContentLoaded", function(event) {
    FastClick.attach(document.body);
    flyPanels.init({
            treeMenu: {
                init: true
            },
            search: {
                init: true,
                saveQueryCookie: true
            }
    })
});

</script>

我如何做到这一点？

【问题讨论】：

How to identify screen size的可能重复

标签： javascript jquery

【解决方案1】：

参考这个link

所以基本上你可以通过 if 语句来检查

if(screen.width == 768){
    //your code here

}

...然后在其下放置您的事件代码。只需询问您希望代码工作的屏幕尺寸并检查即可。 PS：js的screen对象有px的specs....所以一定要检查px。

【讨论】：