W3C home > Mailing lists > Public > public-respimg@w3.org > October 2012

How responsive is responsive?

From: Marcos Caceres <w3c@marcosc.com>
Date: Wed, 3 Oct 2012 17:23:44 +0100
To: public-respimg@w3.org
Message-ID: <296F63EB29DC4A928A989443FBDE8E7A@marcosc.com>
Just wondering, when it comes to specifying <picture> (assuming it is the right solution), how "responsive" do we want the <source media> attributes to be.  

Consider, when you use <source> with a video element, the first <source> that is matched is the one that is used by the browser ("for life").  

For example, in the following "movie_5.ogv" is chosen:

<video controls>
    <source media="all and (min-width: 100px)" src="http://media.w3.org/2010/05/video/movie_5.ogv">
    <source media="all and (min-width: 300px)" src="http://media.w3.org/2010/05/bunny/movie.ogv">
    <source media="all and (min-width: 600px)" src="http://media.w3.org/2010/05/video/movie_300.ogv">     

Once the @media is matched, that is the media that is used for the life of the application (unless src is changed via script). It does not matter if the media changes after the source is set. In other words, <video> is not "responsive" in that it does not constantly respond to changes to [CSS] media queries.

When it comes to "responsive images", what should happen when the user swaps from landscape, to portrait, and back to landscape again?   

media="screen and (orientation:portrait)"  

media="screen and (orientation:portrait)"  


As I move my device from one orientation to another, does the picture's content change? Or does it behave like in video, that once the media is chosen, that's always the one that is shown?  

Kind regards,

Marcos Caceres
Received on Wednesday, 3 October 2012 16:24:17 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 17:06:08 UTC