Tuesday, 27 August 2013

Why do these CSS media queries not work in Firefox? I have checked the syntax and they work everywhere else

Why do these CSS media queries not work in Firefox? I have checked the
syntax and they work everywhere else

I can't figure out why these don't work in Firefox. All the documentation
I can find says they are correct, and that they should indeed work in this
version of Firefox without issue (23.0.1).
Here is documentation from Mozilla Developer that I am following to the
letter
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
I've also read through two dozen other documents, but all seem to be
related to earlier versions of Firefox and problems with the
toolbar/viewport.
Here's the code.. Works like a charm in other browsers
link rel="stylesheet" media="(min-width: 1800px) and (max-width: 5000px)"
href="/css/styles_1920.css"
link rel="stylesheet" media="(min-width: 300px) and (max-width: 1799px)"
href="/css/styles_1024.css"

No comments:

Post a Comment