1

我正在尝试使用媒体查询来减小小屏幕的立方体大小....我在 js 中给出了媒体查询，因为我的立方体大小是在 js 中设置的......但是当我减小时我的立方体大小并没有减小浏览器窗口......你能告诉我为什么它不工作......

http://jsfiddle.net/rajkumart08/8YK2n/embedded/result/

$(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
                });

         });
4

1 回答 1

1

可能是因为您使用的是location.reload()，它将刷新页面而不运行任何后续代码？

您还在处理程序之外进行检查resize，因此您只根据窗口的原始大小绑定适当的处理程序。（实际上，如果窗口小于 600，您将绑定两个处理程序并且它们都会运行！）您可能希望if在处理程序中使用它。

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

另外我不得不说无休止地旋转的立方体很烦人。

于 2013-02-28T01:27:31.113 回答