Irritationen beim Test von Mediaqueries im Firefox 25 (Bug?)

[Auge]

Hallo

Ich überarbeite gerade eine Website und setze dort Mediaqueries ein. Die Seite wird, wenn sie über eine bestimmte Subdomain aufgerufen wird, mir dem Test-CSS ausgeliefert, sonst wird das Produktiv-CSS eingebunden. Getestet wird primär mit dem Firefox (25.0.1).

Das Produktiv-CSS enthält auch Mediaqueries, die tun, was sie sollen.

@media screen and (min-width: 481px) and (max-width: 960px) {  
  a {  
  color: #fe5;  
  }  
}

Die Regel wird bei Aufruf mit dem Produktiv-CSS mit all seinen weiteren Regeln bei Änderung der Anzeigebreite im Firefox pixelgenau befolgt. Rufe ich die Seite jedoch mit dem Test-CSS auf, in dem _ausschließlich_ die obige Regel notiert ist, greift die Regel – von einem schmaleren Viewport kommend – erst bei 525 Pixeln Anzeigebreite. Zudem greift sie bis zu einer Breite von 1048 Pixeln statt der angegebenen 960. Der HTML-Quelltext ist bis auf die Angabe des Pfades zur CSS-Datei identisch.

Nun wird's ganz komisch: Ich habe zwei Testseiten gespeichert. In einer wird das Produktiv- in der anderen das Test-CSS eingebunden. Beide Seiten zeigen das Fehlverhalten, obwohl die Live-Seite mit dem selben Produktiv-CSS bei den korrekten Breiten fehlerfrei umschaltet.

Das Verhalten teste ich im Firefox (evtl. „noch“) mit der browsereigenen Funktion zum testen von Viewportgrößen. Nutze ich die – an dieser Stelle etwas umständlicher zu bedienende – Firefoxerweiterung Developer Toolbar oder die Developer Tools des Iron schaltet der Mediaquery korrekt um.

Ist das Problem mit dem Firefox schon mal bei irgendwem anders aufgetreten oder bin ich einfach nur zu doof das Ding zu bedienen?

Tschö, Auge