Forcing a CSS @media query in Firefox
I'm using Twitter Bootstrap to build a mobile website and was wondering.
Is there a way to force Firefox (or another browser, I don't mind) to use the specific @media query for a mobile device, without having to actually re-size the browser to e.g. 320x480px?
Basically, I want the browser to act like it's max-width is 320px but to have it fully maximised (to make it easier to use Firebug etc).
I've tried looking for add-ons, but haven't been able to find anything.
Any suggestions would be greatly appreciated.
<iframe height="480" width="320" src="mobilepage.html"></iframe>
If you're using Firefox 15 (which you should be, since that's the supported version), see http://www.webmonkey.com/2012/06/new-firefox-developer-tools-will-help-you-build-responsive-websites/