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

Question

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

score 3 · Accepted Answer

3

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

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

于 2012-08-29T14:16:03.583 回答

score 2 · Accepted Answer

好吧，我建议不要使用屏幕分辨率，因为不是每个人都会最大化他们的窗口（更不用说全屏了）。检查窗口宽度/高度，并执行相应的操作：

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

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

score 1 · Accepted Answer

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

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

        // do your business

    }
});

score 0 · Accepted Answer

4 回答 4