819127 - Media queries don't work correctly in Firefox OS browser

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::Browser, defect)

Description

[Robert Kaiser]

Attachment: Testcase

When I call up a web page in the Firefox OS browser that uses media queries to fit into different screen sizes, it doesn't actually apply the queries that fit for the 320px wide size that is actually available.
Instead, we seem to make the queries believe we have a screen width between 900px and 1000px - see what the attached testcase shows on a device, it shows all lines up to "900+" to me on my otoro.

Note that this also disagrees with what we are doing in the Responsive Design View in Firefox desktop, where I get "300+" as expected when I set to 320x480.

Comment 1

[Chris Jones [:cjones] inactive; ni?/f?/r? if you need me]

I hate this behavior too, but all "mobile" browsers lie about their viewport width.  Your test shows inflated values in fennec-android, android-browser, and chrome-android.  We have to keep this behavior for parity.

(b2g "app" content sees the real viewport.)

If you add <meta name="viewport" value="width=device-width"> you should see the actual values.

Comment 2

[Robert Kaiser]

Needing to add a AFAIK non-standard viewport tag to get standards-compliant behavior from browsers really, really sucks. But I guess that's just how the mobile web is, it sucks from start to end. :(

Comment 3

[Robert Kaiser]

That said, to be constructive in *some* way at least, do we have bugs on file to support that wrong but apparently necessary behavior on desktop in the "Responsive Design View" so that at least that view isn't completely useless for mobile design?

Comment 4

[Robert Kaiser]

Oh, and another thing, in case anyone looks in here for help with such a problem, the right tag is <meta name="viewport" content="width=device-width"> - meta has name/content attributes, not value. ;-)

Comment 5

[Chris Jones [:cjones] inactive; ni?/f?/r? if you need me]

(In reply to Robert Kaiser (:[e-mail]) from comment #3)
> That said, to be constructive in *some* way at least, do we have bugs on
> file to support that wrong but apparently necessary behavior on desktop in
> the "Responsive Design View" so that at least that view isn't completely
> useless for mobile design?

Not to my knowledge, but that would be a good idea.

Comment 6

[Robert Kaiser]

(In reply to Chris Jones [:cjones] [:warhammer] from comment #5)
> (In reply to Robert Kaiser (:[e-mail]) from comment #3)
> > That said, to be constructive in *some* way at least, do we have bugs on
> > file to support that wrong but apparently necessary behavior on desktop in
> > the "Responsive Design View" so that at least that view isn't completely
> > useless for mobile design?
> 
> Not to my knowledge, but that would be a good idea.

This is now bug 883005.