javascript媒体查询

我正在尝试使用媒体查询缩小小屏幕的立方体大小。。。。 我用js进行媒体查询，因为我的多维数据集大小是用js设置的。。。。。。 但是当我缩小浏览器窗口时，我的立方体大小并没有减小。。。。 你能告诉我为什么它不工作吗

$（window.bind（'resize'，function（）{location.reload（）；
Gallery.setOptions({
尺码：78，
灯箱：错，
//动画：“下降”
//速度:500,，
//是的，
//幻灯片放映：错误，
//幻灯片放映速度：3000，
//立方体速度：1000
});
});
如果（屏幕宽度<600）{
$（window.bind（'resize'，function（）{location.reload（）；
Gallery.setOptions({
尺码：25，
灯箱：错，
//动画：“下降”
//速度:500,，
//是的，
//幻灯片放映：错误，
//幻灯片放映速度：3000，
//立方体速度：1000
});
});

可能是因为您正在使用

location.reload（）

，这将刷新页面，而不会运行任何后续代码

---

您也在

resize

处理程序之外执行检查，因此您只能基于窗口的原始大小绑定相应的处理程序。（实际上，如果窗口小于600，您将绑定两个处理程序，并且它们都将运行！）您可能希望

if

在处理程序内部

仅供参考，这不是一个“媒体查询”；这是一个特定的新功能，具有从CSS移植的特定语法。

screen

是一个古老的DOM0东西

---

另外，我不得不说，无休止旋转的立方体非常烦人。

可能是因为您正在使用

location.reload（）

，这将刷新页面，而不会运行任何后续代码

---

您也在

resize

处理程序之外执行检查，因此您只能基于窗口的原始大小绑定相应的处理程序。（实际上，如果窗口小于600，您将绑定两个处理程序，并且它们都将运行！）您可能希望

if

在处理程序内部

仅供参考，这不是一个“媒体查询”；这是一个特定的新功能，具有从CSS移植的特定语法。

screen

是一个古老的DOM0东西

---

还有，我不得不说，无休止旋转的立方体很烦人。

在我的代码中，我对它进行了注释，但它仍然不起作用……。你能写一个小代码，这样它将有助于我的理解……谢谢你在我的代码中，我对它进行了注释，但它仍然不起作用……。你能写一个小代码，这样它将有助于我的理解吗谢谢你

$(window).bind('resize', function() { location.reload();

             Gallery.setOptions({
                    size: 78,
                    lightbox: false,
                    //animation:  'drop'
                    //speed:      500,
                    //closeOnEsc: true,
                    //slideshow:  false,
                    //slideshow_speed: 3000,
                    //cube_speed: 1000
                });

         });

        if (screen.width < 600) {


             $(window).bind('resize', function() { location.reload();

             Gallery.setOptions({
                    size: 25,
                    lightbox: false,
                    //animation:  'drop'
                    //speed:      500,
                    //closeOnEsc: true,
                    //slideshow:  false,
                    //slideshow_speed: 3000,
                    //cube_speed: 1000
                });

         });