javascript的媒体查询

javascript的媒体查询,javascript,jquery,jquery-ui,jquery-mobile,media-queries,Javascript,Jquery,Jquery Ui,Jquery Mobile,Media Queries,在javascript中,我给出了多维数据集的大小。。。。 如何减少iphone屏幕的立方体大小 是否可以使用javascript中的媒体查询来减小多维数据集的大小。。。。 如何将iphone屏幕的立方体大小设置为50 一般来说,进行浏览器或设备嗅探不是一个好主意,功能检测可能会更好,但要回答这个问题,比如: Gallery = { _config: { speed: 500, size: 100, lightbox: !0,

在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
   }
}

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

JavaScript相当于以下CSS:

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


if((window.innerWidth | | document.documentElement.clientWidth)谢谢你的回复…我使用了你的代码,但它不起作用…我在小提琴中更新了…出了什么问题你可以在小提琴中更新尝试缩小代码范围。同样正确地使用JSFIDLE-它提供了三个面板是有原因的!我在小提琴中使用了你的代码,并在iphone中进行了测试,但它不起作用
@media all and (max-width:360px) {
    ...
}
if( (window.innerWidth || document.documentElement.clientWidth) <= 360) {
    ...
}