媒体查询/匹配媒体上的脚本

Question

我有一个脚本（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>

我如何实现这一目标？

Answer 1

请参阅此link

所以基本上你可以用if语句检查，如

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

}

...然后将您的事件代码放在其下。 只需查询您希望代码工作的屏幕大小并检查它。 PS：js的屏幕对象在px中有规格....所以一定要检查px。