Am 17.05.2012 19:48 schrieb Tab Atkins Jr.:
On Thu, May 17, 2012 at 10:27 AM, Jeremy Keith<jer...@adactio.com>  wrote:
Tab wrote:
Absolutely agreed.  Like several others have suggested, I think we
should just go with a "min-width:100px" approach, which is much
clearer.  It also lets us add "max-width", though that may complicate
the resource choosing algorithm a bit.

Just to be clear, do you mean changing the syntax so that Nw is replaced with 
min-width:N?

e.g.

<img src="small.png" srcset="medium.png min-width:600px, large.png min-width: 
800px">

or

<img src="large.png" srcset="medium.png max-width:800px, small.png max-width: 
600px">

Yes, you got it.

Those two examples would then be functionally equivalent (give or take a single pixel) but allow 
developers to take a "Mobile First" or "Desktop First" approach according to 
their preference.

Related question: do we still want to keep this unit-less i.e. ditch the "px" 
from the examples above? Or, if we're going to use this CSS-like syntax anyway, allow 
other units of measurement (e.g. ems).

No, if we're aping the CSS syntax more closely, we should just use CSS units.

<h1><img src="small.png" srcset="medium.png min-width:30em, large.png min-width:50em"></h1>

<p><img src="small.png" srcset="medium.png min-width:30em, large.png min-width:50em"></p>

Is em different in these 2 elements, or is it actually rem? And whatever answer, is it a problem or a feature?

Reply via email to