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 (had to remove opening and closing tags to get the code to show)
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"
Here's the site (total work in progress) http://www.systematic.io/test
I've spent the last 2 weeks on stackoverflow to build this thing with no prior experience using jquery. Solved almost all of my problems except this one. Thanks to everyone who posts here so others can learn! erm, what exactly is it that doesn't work?
以上就是Why do these CSS media queries not work in Firefox? I have checked the syntax and they work everywhere else的详细内容，更多请关注web前端其它相关文章！