[whatwg] Features for responsive Web design

Matthew Wilcox mail at matthewwilcox.com
Tue May 15 11:19:10 PDT 2012


Um, the fact of the matter is we don't want to ensure they have the
same ratio. It is exactly why we want to swap images sometimes - the
aspect ratio no longer fits the design being applied at the given
breakpoint.



On 15 May 2012 18:48, Jason Grigsby <jason at cloudfour.com> wrote:
> On May 15, 2012, at 9:54 AM, Tab Atkins Jr. wrote:
>
>> On Tue, May 15, 2012 at 6:42 PM, Jason Grigsby <jason at cloudfour.com> wrote:
>>> Are you saying that all of the image source listed in srcset would have the same aspect ratio? In the example Hixie provided, face-icon.png is a different ratio.
>>>
>>> Another way to read this could be that you’re fine so long as your sources with different densities (e.g., 1x, 2x, etc) always have the same ratio. If so, I’m unclear on how that solves the problem when you have images that need different cropping like the Nokia example which is vertical in one case and horizontal in another.
>>
>> That's what I'm saying.  Authors *can* ensure that, within a
>> particular breakpoint, their multi-res images all have the same ratio.
>> It's a good idea, since the *intention* is that the multi-res
>> versions are all exact same image, just at different resolutions.
>>
>> If you don't do that, you get unpredictable results, but you asked for that.
>>
>> If you *do* do that, then you know what your aspect ratio will be, and
>> you can predict which breakpoint will be chosen and pair that with MQs
>> to adjust the rest of your layout.
>
> Hmm… Doesn’t that then mean the solution to the use case is simply “don’t do it”? Or am I missing something?
>
> BTW, I know things are a little heated on irc right now so please read my questions as sincere attempts to understand how this would work and not as attempts to be obstinate. :-)
>
> -Jason


More information about the whatwg mailing list