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 に答える