媒體查詢不起作用在Firefox中

Question

我已經添加以下媒體查詢爲我的php項目隱藏圖像時，屏幕寬度爲1254px。

@media screen and (max-width: 1255px) { 
    .visible-desktop { 
     display: none; 
    } 
} 

它在Chrome上正常工作，但它不適用於Firefox。任何人都可以幫我解決這個問題嗎？

Answer 1

您的代碼完全工作。

見現場演示Here

，並檢查該URL中Firefox。那麼也工作。我也試試。見圖片

摘錄例

@media screen and (max-width: 1255px) { 
 
      .visible-desktop{ 
 
       display: none; 
 
      } 
 
     }

<div class="visible-desktop"> 
 
Hello visible-desktop Class 
 
</div>

Answer 2

你的媒體查詢是正確的，在Chrome和Firefox中完美的工作。

As you can see on this JSFiddle...

我猜（因爲我們沒有任何更多的代碼）.visible-desktop的顯示器被設置好的一些其他的位置，你不能與你沒有覆蓋它。你可以嘗試使用!important，這不是一個美麗的方式，但可以在大多數時間修復它，但也不是每次。

display: none !important;