javascript - 尝试在屏幕缩小时隐藏徽标

嗨，我在导航栏中有一个徽标，我试图在屏幕低于1024时将其隐藏。我尝试了3种方法，但它们均无作用，我使用了以下js

$(document).ready(function() {
  $(window).resize(function() {
    if ($(this).width() < 1024) {
      $('.miniLogo').hide();
    } else {
      $('.miniLogo').show();
    }
  });
});

我也尝试过建立CSS

@media screen max-width: 1024px {
.miniLogo {
    display: none!important;
  }
}

有任何想法吗 ？理想情况下跨浏览器兼容

最佳答案

@media screen and (max-width: 1024px){
            .miniLogo {
                          display: none!important;
                           }
               }

应该做的工作