javascript的媒体查询答案

【问题标题】：media queries for javascriptjavascript的媒体查询
【发布时间】：2013-02-07 06:30:15
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery jquery-ui jquery-mobile media-queries

【解决方案1】：

等效于以下 CSS 的 JavaScript：

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

是：

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

【讨论】：

感谢您的回复...我使用了您的代码，但它不起作用...我已经在小提琴中更新了...jsfiddle.net/B49Ap/....if sth wrong 你可以在小提琴中更新吗
尝试缩小代码范围。还要正确使用 JSFiddle - 它提供三个面板是有原因的！

【解决方案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;

【讨论】：

我在小提琴中使用了您的代码并在 iphone 中进行了测试，但它无法正常工作jsfiddle.net/AV7vy