javascript - CSS 和 JQUERY 问题

Question

您好，有人知道如何在 css 媒体查询中或当屏幕尺寸小于特定尺寸时使 jquery 工作吗？我需要关闭我的导航标签，但只有当我的网站处于移动 View 中时才可以。我已经设置了一个 CSS 媒体查询，当设备宽度小于 1050 像素时该查询就会生效。

我该怎么做？

谢谢

Answer 1

这是我发现对我有用的:

$(document).ready(function() {
// This will fire when document is ready:
$(window).resize(function() {
    // This will fire each time the window is resized:
    if($(window).width() >= 1050) {
        // if larger or equal
        $('nav').show();
    } else {
        // if smaller
        $('nav').hide();
    }
}).resize(); // This will simulate a resize to trigger the initial run.

});