當屏幕縮小時試圖隱藏標誌

Question

嗨我的導航欄中有一個標誌我試圖隱藏它時，屏幕低於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; 
    } 
} 

什麼想法？理想的跨瀏覽器兼容

Answer 1

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

應該做的工作

Answer 2

嘗試改變CSS來此：

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

Answer 3

你接近，你只需要改變你的媒體查詢一點點。相反的：

@media screen max-width: 1024px { 

用途：

@media screen and (max-width: 1024px) { 

而且你應該準備就緒！

Answer 4

這應該用於隱藏徽標。試試...

@media (max-width: 1024px) { 
    /* Hide logo */ 
    .miniLogo { 
     display: none !important; 
    } 
} 

Answer 5

我到底

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