Medienabfragen funktionieren nicht in Firefox

Question

Ich habe folgende Medienabfrage für mein PHP-Projekt hinzugefügt, um ein Bild auszublenden, wenn die Bildschirmbreite 1254px ist.

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

Es funktioniert auf Chrome richtig, aber es funktioniert nicht auf Firefox. Kann mir jemand helfen, dieses Problem zu lösen?

Answer 1

Ihr Code funktioniert vollständig.

sehen Live-DemoHere

Und diese URL in Firefox überprüfen. dann auch arbeiten. Ich versuche es auch. Siehe Bild

Snippet Beispiel

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

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

Answer 2

Ihre Medienabfrage richtig ist und gut funktionierend in Chrom und in Firefox.

As you can see on this JSFiddle...

Ich denke, (da haben wir mehr Code nicht) .visible-desktop ‚s Anzeige auf einer anderen Position gefasstes wird, wo Sie es mit Ihrer keiner außer Kraft setzen können nicht. Sie könnten versuchen, !important zu verwenden, die keine Schönheitsmethode ist, aber kann es in den meisten Zeiten reparieren, aber auch nicht jedes Mal.

display: none !important;