[Webkit-unassigned] [Bug 159635] em-based media queries in <source> are relative to <html> instead of browser default font

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Feb 8 00:18:52 PST 2017


--- Comment #4 from Jan Widmer <jan.widmer86 at gmail.com> ---
Hi Myles C. Maxfield,

I Agree with you, but there is a different behaviour between a normal Media Query with em and the media query used in a <source> tag within the picture element. Check out my Demo: http://codepen.io/janwidmer/pen/XpBYWM

There is a small red box (Viewport Indicator) on the bottom right corner which shows the current viewport based on an standard "em media query". The displayed image swwitches at the same time as the "Viewport Indicator".

As soon as you uncomment the font-size definition on the html tag, the image does NOT switch at the same time as the Viewport Indicator anymore, because the media Query within the source media attribute seems to get affected by the font-size: 62.5%, but the normal Media query doesen't.

Shouldn't they behave the same?

Best Regards

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170208/0ab8d697/attachment.html>

More information about the webkit-unassigned mailing list