This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Upgraded to v10 and now media queries aren't working.

Philip Matthews
Philip Matthews
more options

I upgraded to version 10 and the media queries are not working on a new site I'm working on . They worked fine on 9.01 and still are working fine on another machine that has 9.01. But not in 10.0.

It doesn't matter if its a <link> Media query or a @media screen. They are not working!

I tried to reinstall and I'm getting the same result.

I upgraded to version 10 and the media queries are not working on a new site I'm working on . They worked fine on 9.01 and still are working fine on another machine that has 9.01. But not in 10.0. It doesn't matter if its a <link> Media query or a @media screen. They are not working! I tried to reinstall and I'm getting the same result.

All Replies (1)

Philip Matthews
Philip Matthews Question owner
more options

I have test my site and queries in all the browsers and Firefox is the only one acting up. It worked in v 9. It's like they are being ignored. Here's an example of a media query.

I'm testing by resizing the browser window and also by loading a site through an iframe. 

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

Can someone please get this fixed. Mobile designs rely heavily on css media queries.