Jquery 只有当用户屏幕分辨率高于X时,我如何才能运行一些JQ代码?

Jquery 只有当用户屏幕分辨率高于X时,我如何才能运行一些JQ代码?,jquery,responsive-design,Jquery,Responsive Design,只有当用户屏幕分辨率高于/低于X时,我如何才能运行一些JQ代码?我建议不要使用屏幕分辨率,因为不是每个人都能最大化他们的窗口(更不用说全屏了)。检查窗口的宽度/高度,并相应地执行以下操作: var winW = $(window).width(), winH = $(window).height(); if ( winW > X && winH > Y) { waWaWeeWah(); // do stuff } 您可以使用纯JS实现这一点: i

只有当用户屏幕分辨率高于/低于X时,我如何才能运行一些JQ代码?

我建议不要使用屏幕分辨率,因为不是每个人都能最大化他们的窗口(更不用说全屏了)。检查窗口的宽度/高度,并相应地执行以下操作:

var winW = $(window).width(),
    winH = $(window).height();

if ( winW > X && winH > Y) { 
    waWaWeeWah(); // do stuff
}

您可以使用纯JS实现这一点:

if(screen.width>=1024)
{
   myFunction();
}

使用窗口事件侦听器,例如:

$(window).resize(function() {
    if( $(window).width() < yourThreshold ){

        // do your business

    }
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()
关于我试图获得一些反馈的这个建议,它将js与媒体查询联系起来:

较新的浏览器允许您使用screen.width和screen.height属性检测用户的屏幕分辨率,就像我在回答中显示的那样是的,我看到了,完全忘记了+1我可以将css选择器与JQ一起使用来完成此任务吗?因为当我使用
$(window).width()
时,它不计算滚动条的数量,而且它不是动态的。