Media queries not working in Firefox v10

Question

I have been using media queries in my main style sheet to load different styles based on the screen size.

Everything was working fine until I upgraded to Firefox v 10.0. Now the media queries aren't being pulled in and it appears firefox is ignoring some of the widths that are defined as a percentage.

Here's an example of the media query I'm using:

@media screen and (max-width: 800px) { 
body { background: #ddd; }
}

I have always been able to test by shrinking my browser window. Chrome, Safari, and Opera all work as expected. IE ignores it as usual although is working better with the widths than firefox.

Is anyone else having this issue with firefox?

Answer 1

Do you see the issue in safe mode?

I'm guessing you have some extension installed which got reenabled with Firefox 10 (which treats extensions as compatible by default) and this extension prevents your actual browser viewport from shrinking with the browser window. When this happens, for example, you should see the vertical scrollbar on the right disappear from the viewport. Do you see that happening?