仅当用户屏幕分辨率高于 X 时，我如何运行一些 JQ 代码？答案

【问题标题】：How can i run some JQ code, only when the user screen resolution is higher than X?仅当用户屏幕分辨率高于 X 时，我如何运行一些 JQ 代码？
【发布时间】：2012-08-24 04:22:58
【问题描述】：

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

【问题讨论】：

标签： jquery responsive-design

【解决方案1】：

我试图获得一些反馈的这个建议怎么样，它将 js 与媒体查询联系起来：https://stackoverflow.com/questions/12203220/suggestion-for-responsive-design-jquery-and-mobile-sites

【讨论】：

【解决方案2】：

我建议不要使用屏幕分辨率，因为不是每个人都会最大化他们的窗口（更不用说全屏了）。检查窗口的宽度/高度，然后做相应的事情：

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

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

【讨论】：

较新的浏览器允许您使用 screen.width 和 screen.height 属性检测用户的屏幕分辨率，就像我在回答中显示的那样
是的，我看到了，完全忘记了！ +1

【解决方案3】：

使用窗口事件监听器，例如：

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

        // do your business

    }
});

【讨论】：

我可以使用带有 JQ 的 css 选择器来完成这个吗？因为当我使用$(window).width() 时，它不会计算滚动条，它不是动态的
看看周围，例如stackoverflow.com/questions/596072/…

【解决方案4】：

你可以用纯 JS 做到这一点：

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

【讨论】：