Geek Answers Handbook

Why is Firefox having a minimum width of 615px?

I am extremely new to Media Queries, so I played with min-width attributes: with my Firefox 12.0 and noticed that it just didn't work. After some games around and after experimenting with this beautiful website

http://barrow.io/lab/media-query-viewport/

I found out that the minimum minimum width that my Firefox supports on my machine (this is the XP box) is 615 pixels. What for? I am trying to play with Media Queries so that I can make a site that works well on many devices as well as on desktops. This includes devices with a width of 480 and 320 pixels. Since Firefox does not allow me to test smaller widths, this will seriously affect my development.

Is there any work for this other than trying another browser?

Thank.

EDIT: Now that my Firefox has gone through several updates (now in version 22), this is no longer a problem. I am glad that everything is fixed.

+3
source share
4 answers

As an example: http://support.mozilla.org/en-US/questions/772847#answer-125895 , Firefox supports a width of not more than 480, so if you want to test 320 pixels, you must use a different browser. I would like to point out that if you want to test smartphones on your site, you should use smartphones on the hardware for smartphones ... and not just desktop browsers configured for really low resolutions, which is similar to what you tried to do.

+3
source

: iframe .

, , , , , Firefox - . - , .

+2

chromEditPlus http://webdesigns.ms11.net/chromeditp.html

Goto Tool- > ChromEdit Plus- > ChromEdit   userChrome.css pannel

,

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

    #main-window:not([chromehidden~="toolbar"]) {
      min-width: 200px !important;
    }

, , 200px

+1

Use the web developer toolbar extension and you can see a selection of overall screen sizes by choosing Resize> View Responsive Layouts

0
source

More articles:


All Articles