javascript - javascript的媒体查询

Question

在javascript中我给出了立方体大小....如何减小iphone屏幕的立方体大小是否可以使用javascript中的媒体查询来减小立方体大小....如何将iphone屏幕的立方体大小设置为50

http://jsfiddle.net/XNaYj/

Gallery = {
        _config: {
            speed: 500,
            size: 100,
            lightbox: !0,
            closeOnEsc: !0,
            animation: "default",
            slideshow: !1,
            slideshow_speed: 3E3,
            cube_speed: 1E3
        },

Answer 1

等效于以下 CSS 的 JavaScript：

@media all and (max-width:360px) {
    ...
}

是：

if( (window.innerWidth || document.documentElement.clientWidth) <= 360) {
    ...
}

Answer 2

进行浏览器或设备嗅探通常不是一个好主意，特征检测可能会更好，但要回答这个问题，例如：

Gallery = {
    _config: {
        speed: 500,
        size: 100,
        lightbox: !0,
        closeOnEsc: !0,
        animation: "default",
        slideshow: !1,
        slideshow_speed: 3E3,
        cube_speed: 1E3
   }
}

if((navigator.userAgent.match(/iPhone/i)) Gallery._config.size = 50;