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

Re: Element Query and Selector Media Query Types

From: Attiks <attiks@gmail.com>
Date: Mon, 27 Oct 2014 16:45:46 +0100
Message-ID: <CAM7OHztV2=MMgxJYsgjdtRU9cDh9a=j9EMRkRTtRF4jwcrBAqQ@mail.gmail.com>
To: Simon Pieters <simonp@opera.com>
Cc: Ben Callahan <ben@heysparkbox.com>, "public-respimg@w3.org" <public-respimg@w3.org>
Simon,

Yes, I meant vw

You're right adding (min-width: 1060px) 424px will solve my problem, but it
is not really easy. I expected it to work without out, and I guess most
people will. Thank god element queries are on the way ;-)


On Mon, Oct 27, 2014 at 6:47 AM, Simon Pieters <simonp@opera.com> wrote:

> On Mon, 20 Oct 2014 22:24:35 +0100, Attiks <attiks@gmail.com> wrote:
>
>  The current problem with picture using sizes and srcset is that it does
>> not
>> work well on wide screens when using a mobile first approach, for our site
>> - in the widest layout - the image could be between 250px and 530px, to
>> support all high dpi screens we added images with widths up to 2500px. The
>> max-width of the 'page' is set to 1060px, the sizes attribute is
>> (min-width:
>> 30em) 40%, 50%
>>
>
> (I assume you mean vw, not %.)
>
> It seems to me that you are missing a value in your sizes for the 1060px
> breakpoint. It's not clear to me how your layout works, but maybe you want
> something like this:
>
> sizes="(min-width: 1060px) 424px, (min-width: 30em) 40vw, 50vw"
>
> (40% of 1060px is 424px.)
>
> --
> Simon Pieters
> Opera Software
>
Received on Monday, 27 October 2014 15:46:13 UTC

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