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.

Answers


<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/


Need Your Help

What is the best way to add options to a select from an array with jQuery?

javascript jquery arrays html-select

What is the best method for adding options to a select from a JSON object using jQuery?

Change back color of several contiguous HTML tags when user selects them

javascript html tags

I'm developing an Extension for Google Chrome. It has a text highlighting facility when user select a certain text area.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.