调整媒体查询中的图像大小

Question

我正在尝试使用媒体查询来减少多维数据集大小，但多维数据集大小没有变化。

你能说出如何解决它吗？

这this fiddle

的Javascript

if (screen.width < 600) {
    alert("i am here");
    Gallery = {
       _config: {
                speed: 500,
                size: 25,
                lightbox: !0,
                closeOnEsc: !0,
                animation: "default",
                slideshow: !1,
                slideshow_speed: 3E3,
                cube_speed: 1E3
            },

CSS

div.melonhtml5_gallery > div {
            float: left;
            margin: 10px;
            margin-bottom: 50px;
            position: relative;
            width: 10px;
            height: 100px;
            opacity: 0;
            -webkit-transition: opacity 0.2s linear;
            -webkit-perspective: 1000px;
            -moz-perspective: 1000px;
            -o-perspective: 1000px;
            -ms-perspective: 1000px;
            perspective: 1000px;
            -moz-box-shadow: 5px 5px 10px #222222;
            -webkit-box-shadow: 5px 5px 10px #222222;
            -o-box-shadow: 5px 5px 10px #222222;
            -ms-box-shadow: 5px 5px 10px #222222;
            box-shadow: 5px 5px 10px #222222;
        }