Bug 78295 – Support for CSS rem unit in Media Queries

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

[Florens Verschelde]

It seems that WebKit doesn't support the rem (root em) unit in CSS Media Queries at all.
I have a simple test here: http://fvsch.com/code/bugs/rem-mediaquery/

Testing in the lastest stable versions of Chrome and Safari (OSX), the media queries never get triggered. (In other browsers they do get triggered, but the font-size declared for the root element is ignored.)

It would be nice to have support for rem in media queries in all browsers.

Created attachment 154958 [details]
Link to an additional page with information.

I have sent Dave Hyatt a message 7-26-2012 via e-mail and also have this bug listed on Bug Report #27283

[WebKit Review Bot]

Attachment 154958 [details] did not pass style-queue:

Failed to run "['Tools/Scripts/check-webkit-style', '--diff-files']" exit_code: 1
Total errors found: 0 in 0 files


If any of these errors are false positives, please file a bug against check-webkit-style.

[Peter Beverloo]

Comment on attachment 154958 [details]
Link to an additional page with information.

Your URL is not a patch, nor has to be committed to the WebKit codebase :-).

Thanks Peter and Sorry about that confusion. 

Everything in regards to the UI and way finding here is somewhat under par to say the least. Attention to typography would be a wonderful addition for the bug tracker site FWIW ;)

(In reply to comment #3)
> (From update of attachment 154958 [details])
> Your URL is not a patch, nor has to be committed to the WebKit codebase :-).

[Elliott Sprehn]

I just tested the linked case and we do change the background color as it describes. Our behavior is different than Opera and Firefox though. We change the background color immediately when you hit the colored bar, they don't seem to change it until much more of the bar is hidden outside the window.

@grayghost Can you clarify what we're supposed to be seeing here? Is this bug fixed now?

(In reply to comment #5)
> I just tested the linked case and we do change the background color as it describes. Our behavior is different than Opera and Firefox though. We change the background color immediately when you hit the colored bar, they don't seem to change it until much more of the bar is hidden outside the window.
> 
> @grayghost Can you clarify what we're supposed to be seeing here? Is this bug fixed now?

@Elliott Sprehn
The rem unit does not function inside a @media query condition (i.e. the parenthesis) 
ex.) @media only all and (min-width: 50rem) {...} 

Here is the example I prepared to see it in action.
Demo: http://codepen.io/grayghostvisuals/full/AFjDK

As of 1/30/13 This bug appears to be resolved. Thanks!

[Anthony Ricaud]

Note sure this is in an exact duplicate but bug 156684 made rem media queries comply with specs.

*** This bug has been marked as a duplicate of bug 156684 ***