I've recently started playing around with media queries, responsive design and so on and came across an odd quirk with Firebug.
When the Firebug HTML tab is active and the CSS pane is more than half the width of the browser window Firefox does not render CSS that is within the @media block. It took a while to work out what was happening as the behavior seemed quite random. This was initially exacerbated by the fact that I thought the problem was with my CSS and my being new to media queries. After trying out various examples of responsive sites found at the following page I found that the problem can be duplicated: http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/ Changing the display option in Firebug to vertical panes seems to remove the problem. My set up: Firefox 3.6.13 Windows XP -- You received this message because you are subscribed to the Google Groups "Firebug" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/firebug?hl=en.
